@charset "utf-8";
/* CSS Document */

@media only screen and (max-width : 1366px){
.deliver-bg p {font-size: 31px;}
.why-wraper .earth::before { left: 75px; }

}
@media only screen and (max-width : 1360px){ .why-wraper .earth::before { left: 75px; } }
@media only screen and (max-width : 1350px){ .why-wraper .earth::before { left: 75px; } }
@media only screen and (max-width : 1342px){ .why-wraper .earth::before { left: 73px; } }
@media only screen and (max-width : 1325px){ .why-wraper .earth::before { left: 70px; } }
@media only screen and (max-width : 1318px){
.deliver-bg p {font-size: 31px;}
.why-wraper .earth::before {
    left: 69px;
}
.about-container iframe{width:100%; height:533px;}

}
@media only screen and (max-width : 1310px){ .why-wraper .earth::before { left: 68px; } }
@media only screen and (max-width : 1300px){ .why-wraper .earth::before { left: 66px; } }
@media only screen and (max-width : 1291px){
.deliver-bg p {font-size: 31px;}
.why-wraper .earth::before {
    left: 65px;
}
.base-right h2 {font-size: 20px;}
.base-right p {font-size: 13px;}

}

@media only screen and (max-width : 1281px){
.deliver-bg p {font-size: 31px;}
.why-wraper .earth::before {
    left: 63px;
}

.about-wraper h2 {
    padding: 0px 100px;
}
.our-box p {
    padding: 0px 5px 0px 0px;
}
.ml-left {
    margin-left: 13%;
}

.about-container iframe{width:100%; height:533px;}

}
@media only screen and (max-width : 1270px){
.why-wraper .earth::before {left: 77px;}
.about-container {
    padding-left: 120px;
    padding-right: 120px;
    display:inline-block;
    width: 100%;
}
.truck-round1 p {
    padding: 0px 21%;
}
}
@media only screen and (max-width : 1260px){ .why-wraper .earth::before {left: 75px;} }
@media only screen and (max-width : 1255px){
.logo img {width: 80%; display: inline-block;}	
.wraper {padding-left: 50px; padding-right: 100px; display: table;}
.phone h4 {font-size: 12px;}
.why-wraper .earth::before {left: 74px;}
.who-wraper .who-txt-second {padding:0px 30px 0px 26px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
.ch-grid li {margin: 20px 25px;}
.deliver-bg p {font-size: 29px;}
.truck-round1 p {padding: 0px 18%;}
.contact-wrpaer p {padding: 0px 16%;}
.slider-wraper .carousel {height: 400px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 400px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:400px;}
.slider-wraper .hero { width:920px; top:38%;}
}



@media only screen and (max-width : 1250px){
.why-wraper .earth::before {left: 73px;}
.about-container {
    padding-left: 120px;
    padding-right: 120px;
    display:inline-block;
    width: 100%;
}
.truck-round1 p {
    padding: 0px 21%;
}
}
@media only screen and (max-width : 1240px){ .why-wraper .earth::before {left: 71px;} }

@media only screen and (max-width : 1230px){
.why-wraper .earth::before {left: 74px;}
.about-container {
    padding-left: 105px;
    padding-right: 105px;
    display:inline-block;
    width: 100%;
}
}
@media only screen and (max-width : 1210px){
.why-wraper .earth::before {left: 72px;}
.about-container {
    padding-left: 105px;
    padding-right: 105px;
    display:inline-block;
    width: 100%;
}
}


@media only screen and (max-width : 1200px){
.logo img {width: 80%; display: inline-block;}	
.wraper {padding-left: 50px; padding-right: 100px; display: table;}
.phone h4 {font-size: 12px;}
.why-wraper .earth::before {left: 65px;}
.who-wraper .who-txt-second {padding: 0px 0px 0px 20px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 53px;}
.ch-grid li {margin: 20px 25px;}
.deliver-bg p {font-size: 27px;}
.truck-round1 p {padding: 0px 18%;}
.contact-wrpaer p {padding: 0px 14%;}
.about-container {
    padding-left: 120px;
    padding-right: 120px;
    display:inline-block;
    width: 100%;
}

.about-wraper h2 {
    padding: 0px 100px;
}
.our-box p {
    padding: 0px 5px 0px 0px;
}
.ml-left {
    margin-left: 13%;
}
.base-right h2 {font-size: 20px;}
.base-right p {font-size: 13px;}
.base-right .btn-now{padding:11px 35px;}

}

@media only screen and (max-width : 1190px){
.about-container {
    padding-left: 115px;
    padding-right: 115px;
    display:inline-block;
    width: 100%;
}
.why-wraper .earth::before{ left:65px; }
}

@media only screen and (max-width : 1175px){
.about-container {
    padding-left: 105px;
    padding-right: 105px;
    display:inline-block;
    width: 100%;
}
.why-wraper .earth::before{ left:65px; }
}
@media only screen and (max-width : 1170px){ .why-wraper .earth::before{ left:65px; } }
@media only screen and (max-width : 1145px){
.logo img {width: 85%; display: inline-block;}	
.wraper {padding-left: 50px; padding-right: 100px; display: table;}
.phone h4 {font-size: 12px;}
.why-wraper .earth::before {left: 68px;}
.who-wraper .who-txt-second {padding: 0px 8px 0px 7px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
.ch-grid li {margin: 20px 25px;}
.deliver-bg p {font-size: 27px;}
.truck-round1 p {padding: 0px 18%;}
.contact-wrpaer p {padding: 0px 10%;}
.about-container {
    padding-left: 85px;
    padding-right: 85px;
    display:inline-block;
    width: 100%;
}
.base-right p {font-size: 12px;}

}
@media only screen and (max-width : 1135px){ .why-wraper .earth::before{ left:66px; } }
@media only screen and (max-width : 1125px){ .why-wraper .earth::before{ left:64px; } }

@media only screen and (max-width : 1101px){
.about-container {
    padding-left: 79px;
    padding-right: 79px;
    display:inline-block;
    width: 100%;
}
.about-wraper h2 {
    padding: 0px 100px;
}
.our-box p {
    padding: 0px 5px 0px 0px;
}
.ml-left {
    margin-left: 13%;
}

.contact-wraper h1{margin-bottom:40px;}
.about-container iframe{width:100%; height:533px;}

.detail-wraper .media-carousel .carousel-control.left {left: -45px; margin-top: 90px;}
.detail-wraper .media-carousel .carousel-control.right {right: -35px !important; margin-top: 90px;}
.detail-wraper .media-carousel .carousel-control img{width:20px;}
.detail-wraper .media-carousel .item-1, .item-2, .item-3, .item-4 {width: 25%; padding-left:0px; padding-right: 10px;}

.base-right h2 {font-size: 20px;}
.base-right p {font-size: 13px;}
.base-right .btn-now{padding:11px 35px;}

}
@media only screen and (max-width : 1090px){ .why-wraper .earth::before{ left:60px; } }
@media only screen and (max-width : 1086px){ .why-wraper .earth::before{ left:59px; } }
@media only screen and (max-width : 1080px){ .why-wraper .earth::before{ left:60px; } }

@media only screen and (max-width : 1076px){
.logo img {width: 90%; display: inline-block;}	
.wraper {padding-left: 50px; padding-right: 100px; display: table;}
.phone h4 {font-size: 12px;}
.why-wraper .earth::before {left: 62px;}
.who-wraper .who-txt-second {padding: 0px 8px 0px 7px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
.ch-grid li {margin: 20px 25px;}
.deliver-bg p {font-size: 24px;}
.truck-round1 p {padding: 0px 18%;}
.contact-wrpaer p {padding: 0px 10%;}
.about-container {
    padding-left: 65px;
    padding-right: 65px;
    display:inline-block;
    width: 100%;
}
.about-wraper h2 {
    padding: 0px 100px;
}
.our-box p {
    padding: 0px 5px 0px 0px;
}
.ml-left {
    margin-left: 13%;
}

}
@media only screen and (max-width : 1055px){ .why-wraper .earth::before{ left:59px; } }
@media only screen and (max-width : 1049px){
.about-container {
    padding-left: 45px;
    padding-right: 45px;
    display:inline-block;
    width: 100%;
}

.base-right h2 {font-size: 20px;}
.base-right p {font-size: 13px;}
.base-right .btn-now{padding:11px 35px;}
#cssmenu > ul > li > a{ padding: 11px 11px 25px }
.why-wraper .earth::before{ left:65px; }
}

@media only screen and (max-width : 1035px){
.logo img {width: 100%; display: inline-block;}	
.wraper {padding-left: 50px; padding-right: 100px; display: table;}
.phone h4 {font-size: 12px;}
.why-wraper .earth::before {left: 62px;}
.who-wraper .who-txt-second {padding: 0px 8px 0px 7px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
.ch-grid li {margin: 20px 25px;}
.deliver-bg p {font-size: 24px;}
.truck-round1 p {padding: 0px 18%;}
.contact-wrpaer p {padding: 0px 10%;}
.slider-wraper .carousel {height: 400px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 400px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:400px;}
.slider-wraper .hero { width:920px; top:38%;}
.about-container {
    padding-left: 45px;
    padding-right: 45px;
    display:inline-block;
    width: 100%;
}
#cssmenu > ul > li > a{ padding: 11px 11px 25px }
}

@media only screen and (max-width : 1025px){
.why-wraper .earth::before {left: 62px;}
.know-btn a {padding: 17px 56px;}
.ch-grid li {margin: 20px 25px;}
.deliver-bg p {font-size: 24px;}
.truck-round1 p {padding: 0px 18%;}
.contact-wrpaer p {padding: 0px 10%;}
.about-container {padding-left: 40px; padding-right: 40px; display:inline-block; width: 100%;}	

.about-wraper h2 {padding: 0px 110px;}
.our-box p {padding: 0px 8px 0px 0px;}
.ml-left {
    margin-left: 13%;
}
.base-right h2 {font-size: 20px;}
.base-right p{font-size:13px;}
#cssmenu > ul > li > a{ padding: 11px 11px 25px }
}

@media only screen and (max-width : 1013px){
.about-container {
    padding-left: 30px;
    padding-right: 30px;
    display:inline-block;
    width: 100%;
}

.about-wraper h2 {font-size: 30px; padding: 0px 120px;}
.inner-title h1 {font-size: 50px; padding: 0px 60px;}
.about-wraper h1{margin-bottom:40px;}
.about-wraper p {font-size: 15px;}
.ml-left {margin-left: 12%;}
.our-box p{padding:0px;}

.contact-wraper h1{margin-bottom:40px;}
.about-container iframe{width:100%; height:533px;}
.contact-wraper h2{font-size:30px;}
.contact-wraper h3{font-size:30px;}

.side-base ul li a {padding: 6px 20px; font-size: 13px;}
.base-right h2 {font-size: 20px;}
.base-right p {font-size: 12px;}
.base-right .btn-now {padding: 11px 35px;}	
#cssmenu > ul > li > a{ padding: 11px 11px 25px }

}

@media only screen and (max-width : 991px){
.about-container {padding-left: 126px; padding-right: 126px; display:inline-block; width: 100%;}	
.slider-wraper .fade-carousel .carousel-indicators {bottom: 50px;}
.why-padding img{padding:0px !important;}
.why-padding {padding-top: 38px;}
.why-wraper .earth::before {left: 28px;}
.why-wraper p {font-size: 21px;}
.who-wraper .who-txt-second {padding: 0px 0px 0px 80px;}
.who-wraper .who-txt-second p {font-size: 14.5px;}
.know-btn a {padding: 17px 16px;}
.ch-grid li {margin: 20px 8px;}
.deliver-bg p { font-size: 23px;}
.truck-round1 p {padding: 0px 7%;}
.contact-wrpaer p {padding: 0px 7%;}
.fotter-top .contact-links::after {right: -20px;}

.about-wraper h2 {font-size: 30px; padding: 0px 34px;}
.inner-title h1 {font-size: 50px; padding: 0px 60px;}
.about-wraper h1{margin-bottom:40px;}
.about-wraper p {font-size: 14px;}
.ml-left {margin-left: 0%;}
.our-box p{padding:0px 15px 0px 0px;}

.detail-wraper .media-carousel .carousel-control.left {left: -45px; margin-top: 60px;}
.detail-wraper .media-carousel .carousel-control.right {right: -35px !important; margin-top: 60px;}
.detail-wraper .media-carousel .carousel-control img{width:20px;}
.detail-wraper .media-carousel .item-1, .item-2, .item-3, .item-4 {width: 25%; padding-left:0px; padding-right: 10px;}

.side-base ul li a {padding: 6px 20px; font-size: 13px;}
.base-right h2 {font-size: 15px;}
.base-right p {font-size: 11px;}
.base-right .btn-now {padding: 11px 25px;}	
#cssmenu > ul > li > a{ padding: 11px 11px 25px }
}

@media only screen and (max-width : 981px){
.slider-wraper .fade-carousel .carousel-indicators {bottom: 50px;}
.why-padding img{padding:0px !important;}
.why-padding {padding-top: 38px;}
.why-wraper .earth::before {left: 28px;}
.why-wraper p {font-size: 21px;}
.who-wraper .who-txt-second {padding: 0px 0px 0px 80px;}
.who-wraper .who-txt-second p {font-size: 14.5px;}
.know-btn a {padding: 17px 16px;}
.ch-grid li {margin: 20px 8px;}
.deliver-bg p { font-size: 23px;}
.truck-round1 p {padding: 0px 7%;}
.contact-wrpaer p {padding: 0px 7%;}
.fotter-top .contact-links::after {right: -20px;}
.about-container {
    padding-left: 120px;
    padding-right: 120px;
    display:inline-block;
    width: 100%;
}

.side-base ul li a {padding: 6px 20px; font-size: 13px;}
.base-right h2 {font-size: 15px;}
.base-right p {font-size: 11px;}
.base-right .btn-now {padding: 11px 25px;}	
#cssmenu{ float:none; }
#cssmenu > ul > li > a{ padding: 11px 11px 25px }
.base-right img{ height:auto;}
.side-base ul li a{ font-size:15px; }
}
@media only screen and (max-width : 966px){ #cssmenu > ul > li > a{ padding:11px 10px 25px; } }
@media only screen and (max-width : 961px){

.why-padding img{padding:0px !important;}
.why-padding {padding-top: 38px;}
.why-wraper .earth::before {left: 25px;}
.why-wraper p {font-size: 21px;}
.who-wraper .who-txt-second {padding: 0px 0px 0px 80px;}
.who-wraper .who-txt-second p {font-size: 14.5px;}
.know-btn a {padding: 17px 16px;}
.ch-grid li {margin: 20px 8px;}
.deliver-bg p { font-size: 23px;}
.truck-round1 p {padding: 0px 7%;}
.contact-wrpaer p {padding: 0px 7%;}
.fotter-top .contact-links::after {right: -20px;}
#cssmenu{ float:none; }
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}
}


@media only screen and (max-width : 959px){
.contact-wrpaer p {
    padding: 0px 5%;
}
.deliver-bg p {
    font-size: 22px;
}
.about-container {
    padding-left: 113px;
    padding-right: 113px;
    display:inline-block;
    width: 100%;
}
#cssmenu{ float:none; }
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}
}

@media only screen and (max-width : 946px){
.contact-wrpaer p {
    padding: 0px 5%;
}
.deliver-bg p {
    font-size: 22px;
}	
.about-container {padding-left: 105px; padding-right: 105px; display:inline-block; width: 100%;}	
.why-wraper .earth::before {left: 28px;}

.about-wraper h2 {font-size: 30px; padding: 0px 34px;}
.inner-title h1 {font-size: 50px; padding: 0px 60px;}
.about-wraper h1{margin-bottom:40px;}
.about-wraper p {font-size: 14px;}
.ml-left {margin-left: 0%;}

.contact-wraper h1{margin-bottom:40px;}
.about-container iframe{width:100%; height:533px; margin-bottom:40px;}
.contact-wraper h2{font-size:30px;}
.contact-wraper h3{font-size:30px;}
#cssmenu{ float:none; }
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}
}

@media only screen and (max-width : 926px){
.contact-wrpaer p {
    padding: 0px 5%;
}
.deliver-bg p {
    font-size: 22px;
}
.about-container {padding-left: 85px; padding-right: 85px; display:inline-block; width: 100%;}	
.why-wraper .earth::before {left: 30px;}

.side-base ul li a {padding: 6px 20px; font-size: 12px;}
.base-right h2 {font-size: 14px;}
.base-right p {font-size: 11px;}
.base-right .btn-now {padding: 11px 22px;}	
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}

}

@media only screen and (max-width : 910px){
.why-wraper .earth::before{ left:23px; }
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}

}

@media only screen and (max-width : 908px){
.contact-wrpaer p {
    padding: 0px 5%;
}
.deliver-bg p {
    font-size: 22px;
}	
.about-container {padding-left: 95px; padding-right: 95px; display:inline-block; width: 100%;}	
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}
.detail-wraper .media-carousel .carousel-control.left {left: -45px; margin-top: 60px;}
.detail-wraper .media-carousel .carousel-control.right {right: -35px !important; margin-top: 60px;}
.detail-wraper .media-carousel .carousel-control img{width:20px;}
.detail-wraper .media-carousel .item-1, .item-2, .item-3, .item-4 {width: 25%; padding-left:0px; padding-right: 10px;}

}

@media only screen and (max-width : 886px){
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}
.contact-wrpaer p {
    padding: 0px 3%;
}
.deliver-bg p {
    font-size: 21px;
}
.about-container {padding-left: 60px; padding-right: 60px; display:inline-block; width: 100%;}	
.why-wraper .earth::before {left: 32px;}
.contact-wraper h2 {
    font-size: 30px;
}

}

@media only screen and (max-width : 876px){
#cssmenu > ul > li > a {font-size: 14px; padding:11px 10px 25px;}
.contact-wrpaer p {
    padding: 0px 3%;
}
.deliver-bg p {
    font-size: 21px;
}
.why-wraper .earth::before {left: 28px;}
.logo img {width: 100%; display: inline-block; margin-top:14px;}	

.side-base ul li a {padding: 6px 20px; font-size: 12px;}
.base-right h2 {font-size: 14px;}
.base-right p {font-size: 11px;}
.base-right .btn-now {padding: 11px 22px;}	
#cssmenu > ul > li > a {font-size: 14px;padding:11px 8px 25px;}

}

@media only screen and (max-width : 851px){
.logo img {width: 100%; display: inline-block; margin-top:8px;}	
.wraper {padding-left: 20px; padding-right: 50px; display: table;}
#cssmenu > ul > li > a {font-size: 14px;padding:11px 10px 25px;}

.phone h4 {font-size: 12px;}
.slider-wraper .carousel {height: 350px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 350px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:350px;}
.slider-wraper .hero h1 {font-size:40px; margin-bottom: 25px; padding: 0 0px;}
.slider-wraper .hero p {font-size: 28px;}
.slider-wraper .hero { width:620px; top:40%;}
.slider-wraper .fade-carousel .carousel-indicators {bottom: 30px;}
.why-wraper .earth::before {left: 26px;}
.why-wraper p {font-size: 20px;}
.who-wraper .who-txt-second {padding: 0px 0px 0px 65px;}
.know-btn a {padding: 17px 24px;}
.who-wraper .who-txt-second p {font-size: 14px;}
.who-wraper .who-txt-second h4 {font-size: 14px;}
.who-wraper .who-txt {padding: 65px 0px 50px 0px;}
.who-wraper .who-txt p {font-size: 25px;}
.why-padding img{padding:0px !important;}
.why-padding {padding-top: 38px;}
.deliver-bg p {font-size: 20px;}
.deliver-bg {padding: 300px 0px 80px 0px;}
.truck-round1 p {padding: 0px 7%;}
.contact-wrpaer p {font-size: 23px; padding: 0px 10%;}
.fotter-top .contact-links::after {right: -20px;}

.about-wraper h2 {font-size: 30px; padding: 0px 34px;}
.inner-title h1 {font-size: 50px; padding: 0px 60px;}
.about-wraper h1{margin-bottom:40px;}
.about-wraper p {font-size: 14px;}
.ml-left {margin-left: 0%;}

.contact-wraper h1{margin-bottom:40px;}
.about-container iframe{width:100%; height:533px; margin-bottom:40px;}
.contact-wraper h2{font-size:30px;}
.contact-wraper h3{font-size:30px;}


}

@media only screen and (max-width : 843px){
.deliver-bg p {font-size: 19px;}
.contact-wrpaer p {font-size: 23px; padding: 0px 8%;}
#cssmenu > ul > li > a{ padding:11px 10px 25px; }
.side-base ul li a {padding: 6px 20px; font-size: 12px;}
}

@media only screen and (max-width : 823px){
.deliver-bg p {font-size: 19px;}
.contact-wrpaer p {font-size: 23px; padding: 0px 8%;}
.about-container {padding-left: 47px; padding-right: 47px; display:inline-block; width: 100%;}	
#cssmenu > ul > li > a{ padding:11px 10px 25px; }
}

@media only screen and (max-width : 813px){
.deliver-bg p {font-size: 19px;}
.contact-wrpaer p {font-size: 23px; padding: 0px 8%;}
.why-wraper .earth::before {
    left: 24px;
}

.contact-wraper h1{margin-bottom:40px;}
.about-container iframe{width:100%; height:533px;}
.contact-wraper h2{font-size:30px;}
.contact-wraper h3{font-size:30px;}

.side-base ul li a {padding: 6px 20px; font-size: 12px;}
.base-right h2 {font-size: 14px;}
.base-right p {font-size: 11px;}
.base-right .btn-now {padding: 11px 22px;}	
#cssmenu > ul > li > a{ padding:11px 10px 25px; }
.base-right img{ height:auto;}
.side-base ul li a{ font-size:15px; }
}

@media only screen and (max-width : 799px){
#cssmenu > ul > li > a {padding: 11px 8px 20px;}
.phone h4 {font-size: 11px;}
.contact-wrpaer p {font-size: 23px; padding: 0px 6%;}
.about-container {padding-left: 23px; padding-right: 23px; display:inline-block; width: 100%;}	
.why-wraper .earth::before {
    left: 30px;
}
.about-wraper h2 {font-size: 30px; padding: 0px 34px;}
.inner-title h1 {font-size: 50px; padding: 0px 60px;}
.about-wraper h1{margin-bottom:30px;}
.about-wraper p {font-size: 14px;}
.ml-left {margin-left: 0%;}

.contact-wraper h1{margin-bottom:30px;}
.contact-wraper h2{font-size:30px;}
.contact-wraper h3{font-size:30px;}
.about-container iframe{width:100%; height:533px;}

}

@media only screen and (max-width : 781px){
#cssmenu > ul > li > a {padding: 11px 8px 20px;}
.phone h4 {font-size: 11px;}
.contact-wrpaer p {font-size: 23px; padding: 0px 6%;}
.about-container {padding-left: 23px; padding-right: 23px; display:inline-block; width: 100%;}	
.why-wraper .earth::before {
    left: 28px;
}

.detail-wraper .media-carousel .carousel-control.left {left: -35px; margin-top: 60px;}
.detail-wraper .media-carousel .carousel-control.right {right: -35px !important; margin-top: 60px;}
.detail-wraper .media-carousel .carousel-control img{width:20px;}
.detail-wraper .media-carousel .item-1, .item-2, .item-3, .item-4 {width: 25%; padding-left: 8px; padding-right: 8px;}

}


@media only screen and (max-width : 769px){
#cssmenu > ul > li > a {padding: 11px 8px 20px;}
.phone h4 {font-size: 11px;}
.contact-wrpaer p {font-size: 23px; padding: 0px 6%;}
.about-container {padding-left: 23px; padding-right: 23px; display:inline-block; width: 100%;}	
.why-wraper .earth::before {
    left: 26px;
}
.base-right img{ height:auto;}
.side-base ul li a{ font-size:15px; }
}

@media only screen and (max-width : 767px){
.logo img {width: 55%; display: inline-block;}	
header {padding: 5px 0px 0px; text-align: center;}	
.wraper {padding-left:0px; padding-right:0px; display: table;}
.about-container{padding-left:15px; padding-right:15px; display:inline-block; width:100%;} 
#cssmenu > ul > li > a {padding: 18px 16px 18px;}
.phone h4 {font-size: 18px;}
.why-wraper .earth::before {left: 272px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt {padding:0px 0px 135px 0px;}
.who-wraper .who-txt-second p {font-size: 16.5px;}
.who-wraper .who-txt-second h4 {font-size: 20px;}
.who-wraper .who-txt-second {padding: 0px 193px 0px 193px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt p {font-size: 30px;}
.footer-bottom {text-align: center;}
.footer-icons {float: none; margin-top:10px;}
.footer-icons i {padding-right: 10px; padding-left: 10px;}
.fotter-top .contact-links::after {display:none;}
.deliver-bg {padding: 150px 0px 80px 0px; height: 400px;}
.ch-grid li {margin: 40px 30px;}
.ch-grid-top{margin-top:0px;}
.ch-grid h1 {margin-bottom: 30px;}
.why-wraper p {font-size: 28px;}
.fotter-top .navigate-links h3 {margin-bottom: 5%;}
.fotter-top .contact-links h3 {margin-bottom: 5%;}
.fotter-top .handy-links h3 {margin-bottom: 5%;}
.footer-bg {padding: 70px 0px;}
.fotter-top .handy-links div:nth-child(3){margin-bottom:0px;}
.about-wraper img{width:auto; height:auto;}
.about-second{padding-left:15px; padding-right:15px;}
.inner-title h1 {font-size: 45px; padding: 0px 0px;}
.inner-title {padding: 70px 0px;}
.about-wraper h1 {font-size: 34px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 25px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 28px;}
.our-deliver-bg h3 {font-size: 28px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 28px;}
.about-third h4 {font-size: 18px;}
.about-third i{padding-top:4px;}
.our-box p{padding:0px;}
.about-container iframe{width:100%; height:400px; margin-bottom:40px;}
.form-contact {margin-bottom: 0px;}
.form-contact .group:nth-child(5){text-align:center;}
.contact-wraper h1{font-size:34px; margin-bottom:20px;}
.contact-wraper h2{font-size:25px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:25px; padding:0px;}
.products-wraper .ch-grid {margin: 0px 0px 0px;}
.products-wraper {margin-bottom: 15%;}
.detail-wraper .media-carousel .carousel-control img{width:20px;}
.detail-wraper .media-carousel .carousel-control.left {left: -30px; margin-top:20%;}
.detail-wraper .media-carousel .carousel-control.right {right: -30px !important; margin-top:20%;}
.detail-wraper .media-carousel .item-1, .item-2{width:50%; padding-left:5px; padding-right:5px;}
.detail-wraper .media-carousel img{width:100%;}
.detail-wraper .media-carousel .item-3, .item-4{display:none;}
.detail-wraper p{margin-top:10px;}
.side-base{margin-bottom:40px;}
.base-right img{width:100%;}
.side-base ul li a {padding: 6px 20px; font-size: 18px;}
.base-right h2 {font-size: 23px;}
.base-right p {font-size: 15px;}
.base-right .btn-now {padding: 11px 35px;}	
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 755px){
.why-wraper .earth::before {left: 266px;}
#cssmenu li:hover > ul{ width:100%; }

}

@media only screen and (max-width : 741px){
.phone h4 {font-size: 18px;}
.why-wraper .earth::before {left: 260px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt {padding:0px 0px 135px 0px;}
.who-wraper .who-txt-second p {font-size: 16.5px;}
.who-wraper .who-txt-second h4 {font-size: 20px;}
.who-wraper .who-txt-second {padding: 0px 193px 0px 193px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt p {font-size: 30px;}
.deliver-bg {padding: 150px 0px 80px 0px; height: 400px;}

}

@media only screen and (max-width : 736px){
.why-wraper .earth::before {left: 258px;}

}

@media only screen and (max-width : 735px){
.why-wraper .earth::before {left: 256px}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt-second {padding: 0px 180px 0px 180px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt { padding: 0px 0px 115px 0px; }

}
@media only screen and (max-width : 725px){ .why-wraper .earth::before {left: 253px} }

@media only screen and (max-width : 720px){
.why-wraper .earth::before {left: 250px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt-second {padding: 0px 180px 0px 180px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt { padding: 0px 0px 115px 0px; }

}

@media only screen and (max-width : 710px){
.why-wraper .earth::before {left: 246px;}
.who-wraper .who-txt-second {padding: 0px 180px 0px 180px;}
.who-wraper .who-txt {
    padding: 0px 0px 115px 0px;
}
#cssmenu li:hover > ul{ width:100%; }
.who-wraper{ background-size: 161% 39%; }
}

@media only screen and (max-width : 708px){
.why-wraper .earth::before {left: 244px;}
.who-wraper .who-txt-second {padding: 0px 175px 0px 175px;}
.who-wraper .who-txt {
    padding: 0px 0px 115px 0px;
}

}


@media only screen and (max-width : 702px){ .why-wraper .earth::before {left: 240px;} }


@media only screen and (max-width : 698px){
.why-wraper .earth::before {left: 238px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt-second {padding: 0px 160px 0px 160px;}
.who-wraper .who-txt { padding: 0px 0px 115px 0px; }
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 688px){
.why-wraper .earth::before {left: 234px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt { padding: 0px 0px 115px 0px; }
}

@media only screen and (max-width : 678px){
.why-wraper .earth::before {left: 230px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt-second {padding: 0px 160px 0px 160px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt {
    padding: 0px 0px 115px 0px;
}

}

@media only screen and (max-width : 668px){
.slider-wraper .carousel {height: 300px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 300px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:300px;}
.why-wraper .earth::before {left: 224px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt {padding:0px 0px 125px 0px;}
.who-wraper .who-txt-second {padding: 0px 155px 0px 160px;}
.fotter-top .navigate-links h3 {margin-bottom: 5%;}
.fotter-top .contact-links h3 {margin-bottom: 5%;}
.fotter-top .handy-links h3 {margin-bottom: 5%;}
.footer-bg {padding: 70px 0px;}
.fotter-top .handy-links div:nth-child(3){margin-bottom:0px;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 665px){
.why-wraper .earth::before {left: 222px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt-second {padding: 0px 135px 0px 135px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt {
    padding: 0px 0px 115px 0px;
}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 658px){
.why-wraper .earth::before {left: 217px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt-second {padding: 0px 135px 0px 135px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt {
    padding: 0px 0px 115px 0px;
}
}

@media only screen and (max-width : 649px){
.why-wraper .earth::before {left: 212px;}
.who-wraper{ background-size: 161% 39%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt-second {padding: 30px 135px 0px 135px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 66px;}
.who-wraper .who-txt {
    padding: 0px 0px 80px 0px;
}

}

@media only screen and (max-width : 641px){
.logo img {width: 50%; display: inline-block;}	
header {padding: 5px 0px 0px; text-align: center;}	
.wraper {padding-left:0px; padding-right:0px; display: table;}
.slider-wraper .carousel {height: 250px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 250px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:250px;}
.slider-wraper .hero h1 {font-size:28px; margin-bottom: 25px; padding: 0 0px;}
.slider-wraper .hero p {font-size: 19px;}
.slider-wraper .hero { width:420px; top:40%;}
.slider-wraper .fade-carousel .carousel-indicators {bottom:35px;}
.why-wraper .earth::before {left: 210px;}
.why-wraper h1 {margin-bottom: 30px;}
.who-wraper{ background-size: 161% 37%; }
.who-wraper .who-txt {padding:0px 0px 70px 0px;}
.who-wraper .who-txt p {font-size: 28px;}
.who-wraper .who-txt-second {padding: 20px 146px 0px 140px;}
.ch-grid h1{ margin-bottom:30px;}
.ch-grid li {margin: 30px 20px;}
.deliver-bg p {font-size: 15px; padding: 10% 7% 0px;}
.deliver-bg {padding: 215px 0px 80px 0px; height: 400px;}
.deliver-bg .arrow-img img {display: inline-block; margin-top: 10px;}
.truck-round1 p {padding: 0px 0px;}
.conatct-btn a {padding: 17px 40px; font-size: 18px;}
.contact-wrpaer h1 {font-size: 45px;}
.contact-wrpaer p {font-size: 19px; padding: 0px 5%;}
.contact-wrpaer {padding: 40px 0px;}
.fotter-top .contact-links::after{display:none;}
.footer-bg {padding: 50px 0px;}
.footer-bottom {text-align: center;}
.footer-icons {float: none; margin-top:10px;}
.footer-icons i {padding-right: 10px; padding-left: 10px;}
#cssmenu > ul > li > a {font-size: 16px;}
.phone h4 {font-size: 18px;}
.ch-grid-top{margin-top:0px;}
.who-wraper .who-txt-second p {font-size: 16.5px;}
.who-wraper .who-txt-second h4 {font-size: 20px;}
.know-btn a {padding: 17px 66px;}
.why-padding {padding-top: 35px;}
.inner-title h1 {font-size: 40px; padding: 0px 0px;}
.inner-title {padding: 70px 0px;}
.about-wraper h1 {font-size: 34px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 25px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 28px;}
.our-deliver-bg h3 {font-size: 28px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 28px;}
.about-third h4 {font-size: 18px;}
.about-third i{padding-top:4px;}
.our-box p{padding:0px;}
.contact-wraper h1{font-size:34px; margin-bottom:20px;}
.contact-wraper h2{font-size:25px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:25px;}

}

@media only screen and (max-width : 635px){
.why-wraper .earth::before {left: 206px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt { padding: 20px 0px 105px 0px; }
.who-wraper .who-txt-second {padding: 0px 135px 0px 135px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}


}

@media only screen and (max-width : 625px){
.why-wraper .earth::before {left: 202px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt { padding: 20px 0px 105px 0px; }
.who-wraper .who-txt-second {padding: 0px 135px 0px 135px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
#cssmenu li:hover > ul{ width:100%; }

}

@media only screen and (max-width : 615px){
.why-wraper .earth::before {left: 198px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt { padding: 20px 0px 105px 0px; }
.who-wraper .who-txt-second {padding: 0px 135px 0px 135px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
}

@media only screen and (max-width : 605px){
.why-wraper .earth::before {left: 190px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt { padding: 0px 0px 105px 0px; }
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper .who-txt-second {padding: 0px 110px 0px 110px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
}

@media only screen and (max-width : 595px){
.why-wraper .earth::before {left: 180px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt-second { padding: 0px 110px 0px 110px; }
.who-wraper .who-txt { padding: 0px 0px 105px 0px; }
.inner-title h1 {font-size: 34px; padding: 0px 0px;}
.inner-title {padding: 70px 0px;}
.about-wraper h1 {font-size: 30px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 22px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 28px;}
.our-deliver-bg h3 {font-size: 28px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 28px;}
.about-third h4 {font-size: 18px;}
.about-third i{padding-top:4px;}
.our-box p{padding:0px;}
.contact-wraper h1{font-size:30px; margin-bottom:20px;}
.contact-wraper h2{font-size:22px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:22px;}
#cssmenu li:hover > ul{ width:100%; }
}
@media only screen and (max-width : 595px){  .why-wraper .earth::before { left:185px; }
}

@media only screen and (max-width : 580px){
.why-wraper .earth::before {left: 180px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt-second {
    padding: 0px 115px 0px 115px;
}
.who-wraper .who-txt {
    padding: 0px 0px 105px 0px;
}
#cssmenu li:hover > ul{ width:100%; }
}
@media only screen and (max-width : 575px){ .why-wraper .earth::before { left:176px; } 
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 569px){
.logo img {width: 50%; display: inline-block;}
.slider-wraper .fade-carousel .carousel-indicators {bottom: 25px;}
.why-wraper .earth::before {left: 174px;}
.why-padding {padding-top: 35px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt {padding: 0px 0px 90px 0px;}
.who-wraper .who-txt-second {padding: 10px 102px 0px 102px;}
.who-wraper .who-txt p {font-size: 28px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 56px;}
.contact-wrpaer p {font-size: 18px; padding: 0px 3%;}
.detail-wraper .media-carousel .carousel-control.left {left: -30px; margin-top:20%;}
.detail-wraper .media-carousel .carousel-control.right {right: -30px !important; margin-top:20%;}
.detail-wraper .media-carousel .item-1, .item-2{width:50%; padding-left:5px; padding-right:5px;}
.detail-wraper .media-carousel img{width:100%;}
.detail-wraper .media-carousel .item-3, .item-4{display:none;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 567px){
.logo img {width: 50%; display: inline-block;}
.why-wraper .earth::before {left: 171px;}
.why-padding {padding-top: 30px;}
.who-wraper .who-txt {padding: 0px 0px 90px 0px;}
.who-wraper .who-txt-second {padding: 0px 102px 0px 102px;}
.truck-round1 p {padding: 0px 0%;}
.conatct-btn a {padding: 17px 40px; font-size: 18px;}
#cssmenu li:hover > ul{ width:100%; }
}
@media only screen and (max-width : 555px){
.why-wraper .earth::before {left: 167px;}
#cssmenu li:hover > ul{ width:100%; }
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt {padding: 0px 0px 90px 0px;}
.who-wraper .who-txt-second {padding: 10px 102px 0px 102px;}
}


@media only screen and (max-width : 545px){
.logo img {width: 50%; display: inline-block;}
.why-wraper .earth::before {left: 162px;}
.why-padding {padding-top: 30px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt {padding: 0px 0px 90px 0px;}
.who-wraper .who-txt-second {padding: 10px 102px 0px 102px;}
.truck-round1 p {padding: 0px 0%;}
.conatct-btn a {padding: 17px 40px; font-size: 18px;}
#cssmenu li:hover > ul{ width:100%; }
}


@media only screen and (max-width : 535px){
.logo img {width: 50%; display: inline-block;}
.why-wraper .earth::before {left: 157px;}
.why-padding {padding-top: 30px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt {padding: 0px 0px 90px 0px;}
.who-wraper .who-txt-second {padding: 10px 100px 0px 100px;}
.truck-round1 p {padding: 0px 0%;}
.conatct-btn a {padding: 17px 40px; font-size: 18px;}
.inner-title h1 {font-size: 34px; padding: 0px 0px;}
.inner-title {padding: 70px 0px;}
.about-wraper h1 {font-size: 30px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 22px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 28px;}
.our-deliver-bg h3 {font-size: 28px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 28px;}
.about-third h4 {font-size: 18px;}
.about-third i{padding-top:4px;}
.our-box p{padding:0px;}
.contact-wraper h1{font-size:30px; margin-bottom:20px;}
.contact-wraper h2{font-size:22px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:22px;}
#cssmenu li:hover > ul{ width:100%; }

}

@media only screen and (max-width : 529px){
.logo img {width: 50%; display: inline-block;}
.why-wraper .earth::before {left: 153px;}
.why-padding {padding-top: 30px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt {padding: 0px 0px 90px 0px;}
.who-wraper .who-txt-second {padding: 10px 95px 0px 95px;}
#cssmenu li:hover > ul{ width:100%; }
}


@media only screen and (max-width : 519px){
.logo img {width: 50%; display: inline-block;}	
header {padding: 5px 0px 0px; text-align: center;}	
.wraper {padding-left:0px; padding-right:0px; display: table;}
.slider-wraper .carousel {height: 200px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 200px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:200px;}
.slider-wraper .hero h1 {font-size:24px; margin-bottom: 25px; padding: 0 0px;}
.slider-wraper .hero p {font-size: 16px;}
.slider-wraper .hero { width:320px; top:35%;}
.slider-wraper .fade-carousel .carousel-indicators {bottom: 5px;}
.why-wraper h1{font-size:45px; margin-bottom:30px;}
.why-wraper .earth::before {left: 148px;}
.who-wraper{ background-size: 161% 42%; }
.who-wraper .who-txt-second {padding: 20px 60px 0px 60px;}
.who-wraper .who-txt {padding: 0px 0px 50px 0px;}
.who-wraper .who-txt h1{font-size:45px;}
.who-wraper .who-txt p {font-size: 26px;}
.ch-grid h1 {margin-bottom: 30px;}
.ch-grid li {margin: 30px 20px;}
.how-wraper h1 {margin-bottom: 10%;}
.deliver-bg p {font-size: 14px; padding: 10% 7% 0px;}
.deliver-bg {padding: 215px 0px 80px 0px; height: 400px;}
.deliver-bg .arrow-img img {display: inline-block; margin-top: 10px;}
.truck-round1 p {padding: 0px 28%;}
.conatct-btn a {padding: 17px 20px; font-size: 15px;}
.contact-wrpaer h1 {font-size: 45px;}
.contact-wrpaer p {font-size: 18px; padding: 0px 5%;}
.contact-wrpaer {padding: 40px 0px;}
.know-btn a {padding: 17px 66px;}
#cssmenu li:hover > ul{ width:100%; }


}

@media only screen and (max-width : 501px){
.why-wraper .earth::before {left: 140px;}
.truck-round1 p {padding: 0px 27%;}
.conatct-btn a {padding: 17px 20px; font-size: 15px;}
.contact-wrpaer h1 {font-size: 45px;}
.contact-wrpaer p {font-size: 18px; padding: 0px 5%;}
.contact-wrpaer {padding: 40px 0px;}
.know-btn a {padding: 17px 66px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt-second {padding: 40px 60px 0px 60px;}
.who-wraper .who-txt{ padding:0px 0px 50px 0px; }
.item-none{display:none;}
.detail-wraper .media-carousel .carousel-control.left {left: -30px; margin-top:45%;}
.detail-wraper .media-carousel .carousel-control.right {right: -30px !important; margin-top:45%;}
.detail-wraper .media-carousel .carousel-control img{width:20px;}
.detail-wraper .media-carousel .item-1{width:100%; padding-left:5px; padding-right:5px;}
.detail-wraper .media-carousel img{width:100%;}
.detail-wraper .media-carousel .item-2, .item-3, .item-4{display:none;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 491px){
.why-wraper .earth::before {left: 136px;}
.truck-round1 p {padding: 0px 26%;}
.contact-wrpaer p {font-size: 18px; padding: 0px 5%;}
.contact-wrpaer {padding: 40px 0px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt-second {padding: 50px 60px 0px 60px;}
.who-wraper .who-txt{ padding:0px 0px 50px 0px; }
.inner-title h1 {font-size: 30px; padding: 0px 0px;}
.inner-title {padding: 70px 0px;}
.about-wraper h1 {font-size: 28px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 22px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 25px;}
.our-deliver-bg h3 {font-size: 25px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 25px;}
.about-third h4 {font-size: 16px;}
.about-third i{padding-top:4px;}
.our-box p{padding:0px;}
.contact-wraper h1{font-size:26px; margin-bottom:20px;}
.contact-wraper h2{font-size:22px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:22px;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 481px){
.why-wraper h1{font-size:45px; margin-bottom:30px;}
.why-wraper .earth::before {left: 130px;}
.who-wraper .who-txt {padding: 20px 0px 50px 0px;}
.who-wraper .who-txt h1{font-size:45px;}
.who-wraper .who-txt p {font-size: 26px;}
.who-wraper{ background-size: 161% 43%; }
.who-wraper .who-txt-second {padding: 60px 60px 0px 60px;}
.ch-grid h1 {margin-bottom: 30px;}
.ch-grid li {margin: 30px 10px;}
.how-wraper h1 {margin-bottom: 10%;}
.deliver-bg p {font-size: 14px; padding: 10% 7% 0px;}
.deliver-bg {padding: 215px 0px 80px 0px; height: 400px;}
.deliver-bg .arrow-img img {display: inline-block; margin-top: 10px;}
.truck-round1 p {padding: 0px 26%;}
.conatct-btn a {padding: 17px 20px; font-size: 15px;}
.contact-wrpaer h1 {font-size: 45px;}
.contact-wrpaer p {font-size: 18px; padding: 0px 5%;}
.contact-wrpaer {padding: 40px 0px;}
.know-btn a {padding: 17px 62px;}
#cssmenu li:hover > ul{ width:100%; }
}


@media only screen and (max-width : 465px){
.why-wraper h1 {font-size: 37px; margin-bottom: 30px;}
.why-wraper .earth::before {left: 122px;}
.who-wraper{ background-size: 161% 44%; }
.who-wraper .who-txt-second {padding: 20px 42px 0px 42px;}
.who-wraper .who-txt h1 {font-size: 37px;}
.who-wraper .who-txt p {font-size: 24px;}
.who-wraper .who-txt {padding: 30px 0px 95px 0px;}
.ch-grid h1{font-size:37px;}
.how-wraper h1{font-size:37px;}
.truck-round1 p {padding: 0px 25%;}
.know-btn a {padding: 17px 66px;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 455px){
.why-wraper .earth::before {left: 118px;}
.truck-round1 p {padding: 0px 24%;}
.know-btn a {padding: 17px 62px;}
#cssmenu li:hover > ul{ width:100%; }
.who-wraper{ background-size: 161% 43%; }
.who-wraper .who-txt-second {padding: 20px 42px 0px 42px;}
}

@media only screen and (max-width : 445px){
.why-wraper .earth::before {left: 112px;}
.truck-round1 p {padding: 0px 24%;}
.know-btn a {padding: 17px 62px;}
#cssmenu li:hover > ul{ width:100%; }
.who-wraper{ background-size: 161% 42%; }
.who-wraper .who-txt-second {padding: 50px 42px 0px 42px;}
}

@media only screen and (max-width : 435px){
.why-wraper .earth::before {left: 108px;}
.truck-round1 p {padding: 0px 23%;}
.inner-title h1 {font-size: 28px; padding: 0px 0px;}
.inner-title {padding: 50px 0px;}
.about-wraper h1 {font-size: 26px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 22px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 20px;}
.our-deliver-bg h3 {font-size: 25px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 22px;}
.about-third h4 {font-size: 16px;}
.about-third i{padding-top:4px;}
.contact-wraper h1{font-size:26px; margin-bottom:20px;}
.contact-wraper h2{font-size:22px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:22px;}
#cssmenu li:hover > ul{ width:100%; }
.who-wraper{ background-size: 161% 42%; }
.who-wraper .who-txt-second {padding: 50px 42px 0px 42px;}
}

@media only screen and (max-width : 425px){
.why-wraper .earth::before {left: 102px;}
.how-wraper h1{font-size:37px;}
#cssmenu li:hover > ul{ width:100%; }
.who-wraper{ background-size: 161% 43%; }
.who-wraper .who-txt-second {padding: 50px 42px 0px 42px;}
}

@media only screen and (min-width : 396px) and (max-width : 415px){
.why-wraper h1 {font-size: 37px; margin-bottom: 30px;}
.why-wraper .earth::before {left: 98px;}
.who-wraper{ background-size: 161% 44%; }
.who-wraper .who-txt h1 {font-size: 37px;}
.who-wraper .who-txt p {font-size: 24px;}
.who-wraper .who-txt {padding: 30px 0px 50px 0px;}
.who-wraper .who-txt-second {padding: 50px 42px 0px 42px;}
.ch-grid h1{font-size:37px;}
.how-wraper h1{font-size:37px;}
.truck-round1 p {padding: 0px 23%;}
.know-btn a {padding: 17px 50px;}
#cssmenu li:hover > ul{ width:100%; }

}

@media only screen and (max-width: 402px){

.why-wraper .earth::before {left: 92px;}
#cssmenu li:hover > ul{ width:100%; }
.who-wraper{ background-size: 161% 44%; }
.who-wraper .who-txt-second {padding: 50px 28px 0px 27px;}

}

@media only screen and (max-width : 395px){
.slider-wraper .carousel {height: 186px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 186px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:186px;}
.phone h4 {font-size: 16px;}
.who-wraper{ background-size: 161% 40%; }
.why-wraper h1 {font-size: 36px;}
.why-wraper .earth::before {left: 86px;}
.why-padding {padding-top: 36px;}
.who-wraper .who-txt {padding: 30px 0px 120px 0px;}
.who-wraper .who-txt p {font-size: 21px;}
.who-wraper .who-txt-second {padding: 0px 28px 0px 27px;}
.how-wraper h1 {font-size: 36px;}
.truck-round1 p {padding: 0px 20%;}
.know-btn a {padding: 17px 53px;}
.detail-wraper .enquire-btn {padding: 17px 64px;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 385px){
.slider-wraper .carousel {height: 186px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 186px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:186px;}
.phone h4 {font-size: 16px;}
.who-wraper{ background-size: 161% 40%; }
.why-wraper h1 {font-size: 36px;}
.why-wraper .earth::before {left: 82px;}
.why-padding {padding-top: 36px;}
.who-wraper .who-txt {padding: 30px 0px 120px 0px;}
.who-wraper .who-txt p {font-size: 21px;}
.who-wraper .who-txt-second {padding: 0px 28px 0px 27px;}
.how-wraper h1 {font-size: 36px;}
.truck-round1 p {padding: 0px 20%;}
.know-btn a {padding: 17px 53px;}
.inner-title h1 {font-size: 23px; padding: 0px 0px;}
.inner-title {padding: 50px 0px;}
.about-wraper h1 {font-size: 26px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 22px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 20px;}
.our-deliver-bg h3 {font-size: 25px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 22px;}
.about-third h4 {font-size: 16px;}
.about-third i{padding-top:4px;}
.contact-wraper h1{font-size:26px; margin-bottom:20px;}
.contact-wraper h2{font-size:22px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:22px;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 375px){
.phone h4 {font-size: 16px;}
.slider-wraper .carousel {height: 186px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 186px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:186px;}
.slider-wraper .hero h1 {font-size:24px; margin-bottom: 15px; padding: 0 0px;}
.slider-wraper .hero p {font-size: 16px;}
.slider-wraper .hero { width:320px; top:35%;}
.slider-wraper .fade-carousel .carousel-indicators {bottom: 15px;}
.why-wraper h1 {font-size: 34px;}
.why-wraper .earth::before {left: 78px;}
.why-padding {padding-top: 36px;}
.who-wraper{ background-size: 161% 40%; }
.who-wraper .who-txt-second {padding: 0px 23px 0px 23px;}
.how-wraper h1 {font-size: 34px;}
.know-btn a {padding: 17px 53px;}
.truck-round1 p {padding: 0px 20%;}
.contact-wrpaer h1 {font-size: 34px;}
.detail-wraper .media-carousel .carousel-control.left{margin-top:40%;}
.detail-wraper .media-carousel .carousel-control.right{margin-top:40%;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and  (max-width : 365px){
.logo img {width: 80%; display: inline-block;}	
.slider-wraper .carousel {height: 180px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 180px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:180px;}
.slider-wraper .hero h1 {font-size:24px; margin-bottom: 25px; padding: 0 0px;}
.slider-wraper .hero p {font-size: 16px;}
.slider-wraper .hero { width:320px; top:35%;}
.slider-wraper .fade-carousel .carousel-indicators {bottom: 5px;}
.why-wraper h1 {font-size: 32px; margin-bottom: 30px;}
.why-wraper .earth::before {left: 70px;}
.who-wraper {background-size: 160% 40%;}
.who-wraper .who-txt h1 {font-size: 32px;}
.who-wraper .who-txt p {font-size: 20px;}
.who-wraper .who-txt { padding: 30px 0 60px; }
.who-wraper .who-txt-second {padding: 50px 12px 0px 19px;}
.who-wraper .who-txt-second h4 {font-size: 18px;}
.know-btn a {padding: 17px 54px;}
.ch-grid h1 {margin-bottom: 30px; font-size:32px;}
.how-wraper h1 {margin-bottom: 10%; font-size: 32px;}
.truck-round1 p {padding: 0px 20%;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width: 353px){
.slider-wraper .carousel {height: 160px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 160px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:160px;}
.slider-wraper .hero h1 {font-size:24px; margin-bottom: 25px; padding: 0 0px;}
.slider-wraper .hero p {font-size: 16px;}
.slider-wraper .hero { width:320px; top:35%;}
.slider-wraper .fade-carousel .carousel-indicators {bottom: 5px;}
.why-wraper .earth::before {left: 64px;}
.who-wraper{ background-size: 161% 42	%; }
.who-wraper .who-txt-second {padding: 50px 0px 0px 0px;}
.know-btn a {padding: 17px 62px;}
.truck-round1 p {padding: 0px 16%;}
.why-wraper h1{font-size:29px; margin-bottom:30px;}
.who-wraper .who-txt h1{font-size:29px;}
.how-wraper h1{font-size:29px;}
.contact-wrpaer h1 {font-size: 29px;}
.modal-title {font-size: 26px;}
.detail-wraper p{margin-top:10px;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width: 340px){
.why-wraper .earth::before {left: 58px;}
.who-wraper .who-txt-second {padding: 50px 0px 0px 0px;}
.know-btn a {padding: 17px 52px;}
.truck-round1 p {padding: 0px 16%;}
.why-wraper h1{font-size:29px; margin-bottom:30px;}
.who-wraper{ background-size: 161% 41%; }
.who-wraper .who-txt h1{font-size:29px;}
.how-wraper h1{font-size:29px;}
.contact-wrpaer h1 {font-size: 29px;}
.inner-title h1 {font-size: 22px; padding: 0px 0px;}
.contact-wraper h1{font-size:26px; margin-bottom:20px;}
.contact-wraper h2{font-size:22px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:22px;}
#cssmenu li:hover > ul{ width:100%; }

}

@media only screen and (max-width: 330px){
.why-wraper .earth::before {left: 53px;}
.who-wraper .who-txt-second {padding: 50px 0px 0px 0px;}
.know-btn a {padding: 17px 52px;}
.truck-round1 p {padding: 0px 16%;}
.who-wraper{ background-size: 161% 41%;margin-bottom:0px;padding-bottom:20px; }
.why-wraper h1{font-size:29px; margin-bottom:30px;}
.who-wraper .who-txt h1{font-size:29px;}
.how-wraper h1{font-size:29px;}
.contact-wrpaer h1 {font-size: 29px;}
#cssmenu li:hover > ul{ width:100%; }
}

@media only screen and (max-width : 321px){
header {padding: 5px 0px 0px; text-align: center;}	
.wraper {padding-left:0px; padding-right:0px; display: table;}
.slider-wraper .carousel {height: 160px;}
.slider-wraper .fade-carousel .carousel-inner .item {height: 160px;}
.slider-wraper .fade-carousel .slides .slide-1, .slider-wraper .fade-carousel .slides .slide-2, .slider-wraper .fade-carousel .slides .slide-3, .slider-wraper .fade-carousel .slides .slide-4{height:160px;}
.slider-wraper .hero h1 {font-size:24px; margin-bottom: 25px; padding: 0 0px;}
.slider-wraper .hero p {font-size: 16px;}
.slider-wraper .hero { width:320px; top:35%;}
.slider-wraper .fade-carousel .carousel-indicators {bottom: 5px;}
.why-wraper h1{font-size:29px; margin-bottom:30px;}
.why-wraper .earth::before {left: 50px;}
.why-padding {padding-top: 38px;}
.why-wraper p {font-size: 24px;}
.who-wraper{ background-size: 161% 42%;margin-bottom:0px;padding-bottom:20px; }
.who-wraper .who-txt {padding: 0px 0px 70px 0px;}
.who-wraper .who-txt h1{font-size:29px;}
.who-wraper .who-txt p {font-size: 24px;}
.who-wraper .who-txt-second {padding: 0px 0px 0px 0px;}
.who-wraper .who-txt-second h4{font-size:18px;}
.know-btn {display: flex;}
.know-btn a{padding:17px 50px;}
.ch-grid h1{font-size:29px; margin-bottom:20px;}
.ch-grid li {margin: 30px 0px;}
.how-wraper h1{font-size:29px;}
.deliver-bg p {font-size: 14px; padding: 10% 7% 0px;}
.deliver-bg {padding: 215px 0px 80px 0px; height: 400px;}
.deliver-bg .arrow-img img {display: inline-block; margin-top: 10px;}
.truck-round1 p {padding: 0px 14%;}
.conatct-btn a {padding: 17px 20px; font-size: 15px;}
.contact-wrpaer h1 {font-size: 29px;}
.contact-wrpaer p {font-size: 18px; padding: 0px 5%;}
.contact-wrpaer {padding: 40px 0px;}
.fotter-top .contact-links::after{display:none;}
.footer-bg {padding: 50px 0px;}
.footer-bottom {text-align: center;}
.footer-icons {float: none; margin-top:10px;}
.footer-icons i {padding-right: 10px; padding-left: 10px;}

.inner-title h1 {font-size: 22px; padding: 0px 0px;}
.inner-title {padding: 50px 0px;}
.about-wraper h1 {font-size: 26px; margin-bottom: 20px;}
.about-wraper h2 {font-size: 22px; margin-bottom: 40px; padding: 0px 0px;}
.about-wraper h3 {font-size: 20px;}
.our-deliver-bg h3 {font-size: 25px;}
.our-deliver-bg h4 {font-size: 14px; line-height: 24px;}
.ml-left {margin-left:0px;}
.about-third h3 {font-size: 22px;}
.about-third h4 {font-size: 16px;}
.about-third i{padding-top:4px;}

.contact-wraper h1{font-size:26px; margin-bottom:20px;}
.contact-wraper h2{font-size:22px; padding:0px;}
.conatct-box {margin-bottom: 50px;}
.contact-wraper h3{font-size:22px;}

.detail-wraper .enquire-btn {padding: 17px 64px;}

.item-none{display:none;}
.detail-wraper .media-carousel .carousel-control.left {left: -30px;}
.detail-wraper .media-carousel .carousel-control.right {right: -30px !important;}
.detail-wraper .media-carousel .carousel-control img{width:20px;}
.modal-title {font-size: 26px;}
.detail-wraper p{margin-top:10px;}
#cssmenu li:hover > ul{ width:100%; }

}