/*
* Theme Responsive Styles
* Feel free to customize any of the Break Points below.
* 
* If you don't know how to determine Design's Breakpoints; Read this Article: https://goo.gl/5f93vE
* To learn more about implementing Highly Effective Media Queries; Read this Article: https://goo.gl/NpWuDh
* And Remember to use EMs instead of Pixels; Read this Article to know why: https://goo.gl/XBJdnw
*/

/*------------------------------------------------------------------------------*/
/*                    Width : 1199px
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 1199px){

.IncreaseList{padding-left: 0;}
.IncreaseList li{line-height: 55px;font-size: 20px;}
.bannerBg{background-size: 60% 100%;min-height: 450px;}
.serviceContent h4{font-size: 20px;}
.serviceContent p{font-size: 17px;}
/*tab-area*/
.browse-tab-area {
  background-color: #ffffff;
  max-width: 937px;
}
.browse-tab li a {
  padding: 60px 32px 22px;
  font-size: 16px;
}
/*tab*/
.con-address .office-category {
    padding-top: 7px;
}
.con-address .office-location {
   font-size: 15px;
}
.con-address .office-location-name {
    font-size: 15px;
}
.con-address-two .office-location{font-size: 16px;}
.con-address-three .office-location {
  font-size: 16px;
  padding-bottom: 6px;
  padding-top: 8px;
}
/*driver*/
.driverimg .banner-content h2 {
  font-size: 42px;
}
.join-us-single .border-left::before {
  width: 285px;
}
.join-us-single .border-right::before {
  width: 285px;
}
/*mobile-one*/
.app-details-single > p {
  font-size: 16px;
}
.mobile-faq-area {
  padding: 60px 0;
}

/*tab*/


}
/*------------------------------------------------------------------------------*/
/*                    Width : 1030px
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 1030px){

.header{padding: 0 20px;}
.header {padding: 0 20px;position: relative;}
.mobile {display: block !important;}
.navbar-collapse.collapse {display: block !important;}
.navbar-header {padding: 20px 0 0 0;float: left;}
.header .nav > li, .head-top {display: none !important;}
.header .nav > li.main-menu {
  display: block !important;
  position: absolute;
  right: 20px;
  top: 20px;
}

.bottom-tab {background: #2c3a4d}
.bottom-tab .trukky-tabs li {display: none}
.bottom-tab .trukky-tabs li.active {
  display: block;
  font-size: 16px;
  padding-left: 5px;
  font-family:'ProximaNova-Bold';
}
.bottom-tab .trukky-tabs li.active a {background: 0 0}
.bottom-tab .trukky-inner-tab {display: none}
.bottom-tab .tab-content {padding: 0 10px}
.bottom-links {display: none}
.mobile .social {margin: 3%}
.mobile .social li a {margin: 0 5px}
.fixed-nav.inner-page header .nav>li.call {top: 5px;width: 59%}
.address-img {
	float: left;
	width: 100%;
}

.address-img img{
   width: 100%;
}
/*driver*/
.drive-contact-form h2 {
  font-size: 21px;
}
.rewiew-carosel .owl-nav .owl-prev {
  left: -2%;
}

.rewiew-carosel .owl-nav .owl-next {
  right: -2%;
}
.review-single p {
  font-size: 16px;
  margin: 45px 0 23px 35px;
}
/*mobile-one*/
.about-banner-content .aboutbanner-head {
  font-size: 30px;
}
.location-single{margin: 0 0 30px;}
.ledership-single{margin: 0 0 30px;}

/*carrer*/
.about-banner-content h3 {
  font-size: 24px;
}
.about-nav li a {
  padding: 32px 29px 28px;
}
.about-social-nav li a{
  padding: 0 12px;
}
.motive-img {
  margin: 0 0 37px;
}

}

/*------------------------------------------------------------------------------*/
/*                    Width : 991px
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 991px){
.bannerBg{min-height: 380px;}
.banner-content {padding-top: 40px;}
.IncreaseList li {line-height: 40px;font-size: 16px;}
.contact-support-area {
    padding: 69px 0 20px;
}
.contact-support-single {
	margin-bottom: 50px;
}
.browse-tab-area {
  background-color: #ffffff;
  width: 715px;
}
.browse-tab li a {
    font-size: 12px;
    padding: 45px 16px 17px;
}
.browse-tab li a::before {
  top: 7px;
}
.address-head {
	margin: 20px 0 0;
}
.address-head-two{
	margin: 60px 0 0;
}
/*driver*/
.join-us-single .border-left::before {
  width: 212px;
}
.join-us-single .border-right::before {
  width: 212px;
}
.wr-looking-for-area.sectionTitle h2 {
  margin-bottom: 14px;
}
.wr-looking-for-area .sectionTitle p {
  font-size: 18px;
}
.rewiew-carosel .owl-nav .owl-prev {
  left: -10%;
}
.rewiew-carosel .owl-nav .owl-next {
  right: -10%;
}

/*mobile-one*/
.app-works-area .sectionTitle h2 {
  color: #fff;
  margin-left: 165px;
}
.app-details-single {
  margin-left: 96px;
}
.app-details-single > p {
  font-size: 16px;
  width: 82%;
}

.truckImg::before {
  display: none;
}
.truckMetaList > li {
  width: 90%;
}
/*about-page*/
.about-banner-content .aboutbanner-head {
  font-size: 30px;
}
.location-single{margin: 0 0 30px;}
.ledership-single{margin: 0 0 30px;}
/*career*/
.departments-single {
  margin-bottom: 50px;
}
.motive-single {
  margin-bottom: 45px;
}
.motive-single h4 {
  font-size: 40px;
}

}

/*------------------------------------------------------------------------------*/
/*                    Width : 767px
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px){
.bannerBg{background-image: none;text-align: center;}
.IncreaseList{width: 50%;margin: 0 auto;padding-top: 50px;}
.clientsList {margin-top: 20px;}
.IncreaseList li{font-size: 22px;line-height: 50px;}
.clientsList li {margin-bottom: 20px;}
.singleService{margin-bottom: 30px;}
.con-address{
	padding-bottom: 20px;
}
.address-head {
    padding: 3px 0 0;
}
.eml-lft-border {border:0;}
.email-us-single {
  padding-bottom: 20px;
}
/*driver*/
.serviceContent > p {
  margin: 0 auto;
  text-align: center;
  width: 51%;
}
.join-us-single .border-left::before {
  visibility: hidden;
}
.join-us-single .border-right::before {
  visibility: hidden;
}
.rewiew-carosel .owl-nav .owl-prev {
  display: none;
}

.rewiew-carosel .owl-nav .owl-next {
  display: none;
}
/*mobile-one*/
.app-img{
  display: none;
}
.app-works-area.clearfix {
  padding: 70px 0 140px;
}
.app-works-area .sectionTitle {
  margin: 0 0 20px;
}
.app-works-area .sectionTitle h2 {
  color: #fff;
  margin-left: 0;
}
.app-carousel .owl-nav {
  display: none;
}
.truckImg::before {
  display: none;
}
.truckMetaList > li {
  width: 90%;
}
/*about-page*/
.about-banner-content .aboutbanner-head {
  font-size: 30px;
}
.location-single{margin: 0 0 30px;}
.ledership-single{margin: 0 0 30px;}
/*career*/
.departments-single {
  margin-bottom: 50px;
}
.motive-single {
  margin-bottom: 45px;
}
.motive-single h4 {
  font-size: 20px;
}


}

/*------------------------------------------------------------------------------*/
/*                    Width : 600px
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px){
.IncreaseList{width: auto;padding-left: 20%;}
.browse-tab li a {
  padding: 60px 6px 24px;
}
/*mobile-one*/
.app-details-single > p {
  font-size: 14px;
  width: 82%;
}
.truckImg {
  margin-left: 0;
  text-align: center;
}
/*.truck-list-area.tuckTypeContent .truckContent {
  display: inline-block;
  margin-left: 61px;
  margin-top: 28px;
  float: left;
  clear: both;
}*/
.truckContent {
  margin: 21px 51px 0;
}
/*career*/
.departments-single {
  margin-bottom: 50px;
}
.motive-single {
  margin-bottom: 45px;
}
.motive-single h4 {
  font-size: 20px;
}

}

/*------------------------------------------------------------------------------*/
/*                    Width : 480px
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px){
.header .nav > li.main-menu{right: 0;}
.IncreaseList{width: auto;padding-left: 10%;}
.IncreaseList li{font-size: 18px;}
.sectionTitle h2{font-size: 25px;}
.started h2{font-size: 30px;}
.started p{font-size: 20px;margin-top: 20px;}
.serviceContent h4{font-size: 18px;margin-bottom: 15px;}
.serviceContent p {font-size: 15px;}
.banner-content{padding-top: 60px;}
.banner-content h2{font-size: 35px;}
.banner-content p{font-size: 17px;margin-bottom: 25px;}
.page-info-area {
   padding: 70px 0 35px;
}

.opt-title {
  font-size: 30px;
}

.contact-support-single .support-title {
    font-size: 20px;
}

.contact-support-single .support-contact-number {
    font-size: 28px;
}

.contact-support-single .support-on {
    font-size: 18px;
}

.contact-support-single .live-chat {
    font-size: 20px;
    padding: 9px 36px;
}

.browse-tab li a::before {
    font-size: 15px;
    top: 7px
}
.browse-tab li a {
    padding: 29px 4px 15px;
    font-size: 6px;
}
button.accordion {
    font-size: 12px;
}

.trukky-send button {width: 100%;}

/*driver*/
.driverimg .banner-content {
  margin-top: 0;
}
.driverimg .banner-content h2 {
  font-size: 29px;
  line-height: 31px;
}
.who-are-content p {
  color: #323742;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 38px;
}
.join-us-single > p {
  margin: 0 auto 54px;
  width: 51%;
}
.join-us-area {
  padding: 65px 0 15px;
  overflow: hidden;
}
.apply-now-button .apply-now-btn {
  padding: 14px 34px;
}
.sectionTitle.text-center > h2 {
  font-size: 18px;
  font-weight: 700;
}
.review-single p {
  font-size: 15px;
  margin: 22px 0 23px 19px;
}
.author-content > h4 {
  font-size: 14px;
  font-weight: 700;
}
.author-content img {
  margin-left: -2px;
}
.social li a {
  height: 35px;
  width: 35px;
  line-height: 34px;
}
/*mobile-one*/
.mobile-banner-area .banner-content .banner-text {
  font-size: 14px;
}
.mobile-banner-area .banner-content .play-store a {
  margin-bottom: 20px;
}
.app-details-single h3 {
  font-size: 18px;
}
.app-details-single h3::before {
  width: 141px;
}
.app-details-single > p {
  font-size: 11px;
  width: 87%;
}
.app-carousel .owl-dots {
  left: 87px;
  position: absolute;
  right: 0;
  top: 148px;
}
.app-carousel .owl-dots .owl-dot {
  margin: 0 6px;
}
.truckMetaList li {
  font-size: 13px;
}
.truckContent p {
  font-size: 13px;
  width: 100%;
}
.truckContent button.btn.blueBtn {
  font-size: 14px;
}
/*about-page*/
.about-banner-content .aboutbanner-head {
  font-size: 30px;
}
.location-single{margin: 0 0 30px;}
.ledership-single{margin: 0 0 30px;}
/*career*/
.invite-area {
  padding: 40px 0 41px;
}
.departments-single {
  margin-bottom: 50px;
}
.motive-single {
  margin-bottom: 45px;
}
.motive-single h4 {
  font-size: 20px;
}
}