@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .homepage h1 {
        font-size: 25px;
    }
    .homepage .home-text{
        padding: 35px 0 0;
    }
    .service-page p.service-pragraph {
        padding: 0px  70px 30px 70px;
    }
    .plan-page .plan-startup h6:before, 
    .plan-page .plan-profrssional h6:before, 
    .plan-page .plan-standerd h6:before,
    .plan-page .plan-startup h6.not-support:before, 
    .plan-page .plan-profrssional h6.not-support:before, 
    .plan-page .plan-standerd h6.not-support:before,
    .plan-page .plan-startup h6.not-support:after, 
    .plan-page .plan-profrssional h6.not-support:after, 
    .plan-page .plan-standerd h6.not-support:after{
        left: -22px;
    }
    .plan-page.one .plan-startup h6:before, 
    .plan-page.one .plan-profrssional h6:before, 
    .plan-page.one .plan-standerd h6:before,
    .plan-page.one .plan-startup h6.not-support:before, 
    .plan-page.one .plan-profrssional h6.not-support:before, 
    .plan-page.one .plan-standerd h6.not-support:before,
    .plan-page.one .plan-startup h6.not-support:after, 
    .plan-page.one .plan-profrssional h6.not-support:after, 
    .plan-page.one .plan-standerd h6.not-support:after{
        left: -31px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {}

@media(max-width: 991px) {
    .homepage .image-homepage{
        display: none;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 14px;
    }
    .service-page p.service-pragraph {
        padding: 0px 25px 30px 25px;
    }
    .plan-page .row .plan-box{
        margin-bottom: 55px;
    }
    .navbar-brand > img{
        width: 157px;
    }
    .footer .some-about-company{
        padding: 0px;
        padding-right: 8px;
        font-size: 15px;
        letter-spacing: .6px;
        line-height: 27px;
        font-weight: 500;
        margin-top: 20px;
        padding-left: 0px;
    }
    .footer .logo-yacolo{
        margin-left: 0px;
    }

    .home-page-other{
        height: auto;
    }
    .home-page-other .row.table-cell{
        padding: 170px 0 70px 0;
    }

    .about-us .body-about .image-box{
        padding-top: 85px;
    }
    .plan-page.two .row .plan-box {
    	margin-bottom: 55px;
    	width: 49%;
    	display: inline-block;
	}
    .domain-section .SelectUrl {    
        margin-right: 26%;
    }
}

@media(max-width: 767px) {
    .domain-section .search-domain {
        position: relative;
        padding: 0 10%;
    }
    .domain-section .search-domain i{
        margin-right: 13%;
        right: 0;
    }
    .plan-page .row {
        padding: 0 80px;
    }
    #nav{
        padding: 10px 0;         
    }
    #nav .navbar-brand{
        padding: 0px 15px;
    }
    .nav.navbar-nav.navbar-right hr{
        display: none;
    }
    .nav.navbar-nav.navbar-right.black-nav{
        background: rgb(75, 75, 75) !important;
    }
    .nav.navbar-nav.navbar-right{                        
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0 !important;
    }
    #dropdown-domain,
    #dropdown-Pages,
    #dropdown-service,
    #dropdown-contact{
        display: none;
        background: #fff;
        position: relative;
        margin-top: 0;
        list-style: none;
        width: auto;
        border-radius: 2px;
        box-shadow: none;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        border: 1px solid rgba(226, 226, 226, 0.71);
        margin-left: 0;
        padding-left: 0px;
    }
    #dropdown-domain:after,
    #dropdown-Pages:after,
    #dropdown-service:after,
    #dropdown-contact:after,
    #dropdown-service:before,
    #dropdown-contact:before,
    #dropdown-domain:before, 
    #dropdown-Pages:before{
        display: none;
    }
    .contact button.btn-yacolo{
        margin-top: 5px;
    }
    .footer h4 {
        margin-top: 25px;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .home-page-other .row.table-cell h1 {
        font-size: 45px;
    }

    .about-us .body-about .image-box {
        padding-top: 23px;
    }   
    .prag-not-found {
        padding-right: 0;
        text-align: center;
    }
    h2.error{
        text-align: center;
    }
    .plan-page .row .plan-box {
    	margin-bottom: 55px;
    	width: 100% !important;
    	display: inline-block;
	}
    .domain-section .SelectUrl{
        margin-right: 18%;
    }
    .TESTIMONIALS .col-md-offset-2.col-md-8{
        height: 310px !important;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    
}


@media(max-width: 480px) {
    #navbar{}
    .nav.navbar-nav.navbar-right {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .nav.navbar-nav.navbar-right hr{
        display: none;
    }
    #dropdown-domain, #dropdown-Pages{
        display: none;
        background: #fff;
        position: relative;
        margin-top: 0;
        list-style: none;
        width: auto;
        border-radius: 2px;
        box-shadow: none;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        border: 1px solid rgba(226, 226, 226, 0.71);
        margin-left: 0;
        padding-left: 0px;
    }
   
    .service-page p.service-pragraph {
        padding: 0 0 30px 0;
    }
    .plan-page .row {
        padding: 0 40px;
    }
    .plan-page .plan-startup h6:before, 
    .plan-page .plan-profrssional h6:before, 
    .plan-page .plan-standerd h6:before,
    .plan-page .plan-startup h6.not-support:before, 
    .plan-page .plan-profrssional h6.not-support:before, 
    .plan-page .plan-standerd h6.not-support:before,
    .plan-page .plan-startup h6.not-support:after, 
    .plan-page .plan-profrssional h6.not-support:after, 
    .plan-page .plan-standerd h6.not-support:after{
        left: -4px;
    }
    .plan-page .plan-standerd h6, 
    .plan-page .plan-startup h6, 
    .plan-page .plan-profrssional h6 {
        font-size: 12px;
    }
    .homepage h1{
        line-height: 30px;
    }
    .contact h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    footer .icon-top .fa-angle-double-up{
        background: rgba(255, 255, 255, 0.84);
    }

    .home-page-other .row.table-cell h1 {
        font-size: 28px;
    }
    .home-page-other .row.table-cell p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .home-page-other .row.table-cell h4{
        font-size: 15px;
    }

    .breadcrumbs ul>li,
    .breadcrumbs li:first-of-type{
        display: inline-block;
        font-size: 11px;
    }

    .body-about h2{
        font-size: 20px;
    }
    .body-about p{
        font-size: 13px;
    }

    .domain-section h2{
        font-size: 26px;
    }
    .ckecked-domain h2{
        font-size: 19px;
        padding: 0px 10px;
    }
    .domain-section p {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .all-domain-active .domain-list .domain-name{
        font-size: 14px;
    }
    .all-domain-active .domain-list .price{
        font-size: 17px;
    }
    .domain-section .cost-domain > span {
        padding-left: 10px;
        font-size: 12px;
    }

    .faq .faq-search {
        position: absolute;
        top: 0;
        width: 90%;
        left: 5%;
    }
    .faq .question h2 {
        font-size: 19px;
    }
    .faq .question p {
        font-size: 13px;
    }
    h2.error {    
        font-size: 6em;
    }
    .panel-title {
    	font-size: 15px;
    }
    .section-space .text p {
    	font-size: 14px;
    }
    .domain-section .SelectUrl {
        position: absolute;
        top: 0;
        margin-right: 24%;   
        height: 45px;
        padding: 0px 5px;
        font-size: 15px;
    }
    .domain-section .search-domain input {
        font-size: 11px;
    }
}

@media (max-width: 379px) {
    .plan-page .row {
        padding: 0 20px;
    }
    .plan-page .plan-startup h6:before, 
    .plan-page .plan-profrssional h6:before, 
    .plan-page .plan-standerd h6:before,
    .plan-page .plan-startup h6.not-support:before, 
    .plan-page .plan-profrssional h6.not-support:before, 
    .plan-page .plan-standerd h6.not-support:before,
    .plan-page .plan-startup h6.not-support:after, 
    .plan-page .plan-profrssional h6.not-support:after, 
    .plan-page .plan-standerd h6.not-support:after{
        left: -23px;
    }

    .faq .question h2 {
        font-size: 15px;
    }
    .faq .question p {
        font-size: 12px;
    }
    .checkbox label {
        margin-right: 16px;
        margin-right: 9px;
        font-size: 12px;
    }
    .notfound h2 {
    	font-size: 25px;
    }
    .all-domain-active .domain-list li {
    	padding: 30px 15px;
    	font-weight: 600;
	}
	.all-domain-active .domain-list .domain-name {
    	font-size: 12px;
	}
	.all-domain-active .domain-list .price {
    	font-size: 15px;
	}
    .domain-section .SelectUrl {
        position: absolute;
        top: 0;
        margin-right: 24%;
        height: 45px;
        padding: 0px 0px;
        font-size: 12px;
        transform: translate(8px,5px);
    }
}

@media (max-width: 320px) {
    .plan-page .row {
        padding: 0;
    }
    .plan-page .plan-standerd h6, 
    .plan-page .plan-startup h6, 
    .plan-page .plan-profrssional h6 {
        font-size: 11px;
    }
    .plan-page .plan-startup h6:before, 
    .plan-page .plan-profrssional h6:before, 
    .plan-page .plan-standerd h6:before,
    .plan-page .plan-startup h6.not-support:before, 
    .plan-page .plan-profrssional h6.not-support:before, 
    .plan-page .plan-standerd h6.not-support:before,
    .plan-page .plan-startup h6.not-support:after, 
    .plan-page .plan-profrssional h6.not-support:after, 
    .plan-page .plan-standerd h6.not-support:after{
        left: -20px;
    }
    .service-page p.service-pragraph {
        padding: 0px;
    }
    .homepage p{
        padding: 0px 50px;
    }
    footer p{
        font-size: 12px;
    }
    footer .icon-top .fa-angle-double-up{
        background: rgba(255, 255, 255, 0.84);
    }

    .home-page-other .row.table-cell h1 {
        font-size: 40px;
    }

    .faq .question h2 {
        font-size: 15px;
    }
    .faq .question p {
        font-size: 12px;
    }
    .TESTIMONIALS .col-md-offset-2.col-md-8{
        height: 350px !important;
    }
}