/*
Project: Reliance Trucking
File: Responsive
*/

/*****************start responsive css**************/
@media (min-width: 992px) {
.mobile_menu {display:none;}

}

@media (max-width: 1399px){
.srvc_black_query .cta_red_blk .info span{font-size: 38px;}

}

@media (min-width: 1200px) and (max-width: 1599px) {
.container{max-width: 1366px;}
.quote-form span.wpcf7-not-valid-tip{font-size: 7px;}
.cta_red_blk .info span{font-size: 38px;}

}

@media (max-width: 1199px) {
.banner_cnt h1 {color: var(--main_color); font-size:51px; font-weight:700; text-transform:uppercase;}
.banner_cnt p {color:#FFF; font-size:25px; font-weight:500; text-transform:uppercase;}
.text_controller h2 {font-size:45px;}
.text_controller h3 {font-size:28px;}
.text_controller h4 {font-size:25px;}
.cta_red_blk .info {padding-left:5rem;}
.cta_red_blk .blk_btn {padding:0 100px;}
.partners-container {flex-wrap:wrap;}
.how_work .steps p {padding-left:10px; padding-right:5px;}
.partners-container img {margin-right:16px;padding: 5px 0;}
.svrce_bx h3 {font-size:20px; font-weight:700; color:#000;}
.svrce_bx h4 {color: var(--main_color); font-size:16px;}
.btn-link-primary{min-width: fit-content;max-width: none;}
.btn-link-secondary{min-width: auto;max-width: none;}
.our-services .btn-link-primary{margin-right: 12px;}

.srvc_black_query .cta_red_blk .info span{font-size: 38px;}
.differ_icon_box{width: 100px;height: 100px;}
.quote-form{width: 100%;}
.row1 .field-box ul li p{display: flex; align-items: center;}
.quote-form .top .row1 .field-box ul li:first-child{width: 45%;}

.srvc_blk_two{display: block !important;}
.lft_icn{width: 100px; height: 100px; margin-bottom: 10px;}
.srvc_black_query{max-width: 100%;}

.vu_dtl_btn{margin-top: 20px;}

}

@media (max-width: 991px) {
.partners-container {flex-wrap:wrap;}
.differ_icon_container {flex-wrap:wrap;}
.differ_icon_box {margin:5px;}
.differ_icon_box:not(:last-child) {margin:5px;}
.cta_red_blk .info span {font-size:2rem;}
.mid_body .d-flex {flex-wrap:wrap;}
.svrce_bx {margin-inline:0; padding: 1rem;}
.pad_inln {padding-inline:50px}
.navigation .menu li a{text-align: start;}
.our-services .grid-lines{margin-top: 30px;margin-bottom: 30px;}
.get-quote .btn-link-secondary{margin-top: 15px;}

.srvc_black_query .cta_red_blk .info{padding-left: 2rem;}
.differ_icon_box{width: 80px;height: 80px;margin: 0;}

.quote-form{width: 100%;}
.row1 .field-box ul li p{display: flex; align-items: center;}
.quote-form .top .row1 .field-box ul li:first-child{width: 45%;}
.lft_icn{width: 115px; height: 115px; margin-bottom: 10px;}
.srvc_black_query .cta_red_blk .info span{font-size: 30px;}
.btn-link-secondary{margin-bottom: 10px;}

.banner_cnt a{margin-top: 15px;}

}

@media (max-width: 767px) {
.lft_icn {width:auto; height:auto; padding:5px; margin-bottom: 10px;}
.srvc_blk_two {margin-top:20px;}
.pad_inln {padding-inline:16px}
.paragraph-cols-2 {column-count:1;}
.cta_red_blk .info {font-size:18px;}
.cta_red_blk .info span {font-size:1.5rem;}
.cta_red_blk .info {padding-left:2.5rem;}
.cta_red_blk .blk_btn {padding:0 50px;}
.fix_padding{padding: 40px 0;}
.bread-crumb{padding: 10px 0;}
.our-vision .text_controller{margin-bottom: 1rem;}
.vision-box{padding-block:15px ;padding-inline: 15px;}
.our-services .box{padding: 25px;}
.our-services h2 + p{margin-bottom: 25px;}
.our-services .grid-lines{margin-top: 25px;margin-bottom: 25px;}

.srvc_black_query .info, .srvc_black_query .srvc_btn_sec{width: 100%;}
.srvc_black_query .srvc_btn_sec{padding: 15px 15px;}
.srvc_btn_sec a{padding-inline: 20px;}
.srvc_black_query .cta_red_blk .info span{font-size: 1.5rem;}
.how_differ .nav-link{padding: 0 0;}

.main_banner .controls{display: none;}
.banner_cnt h2{font-size: 35px;}
.text_controller h2, .text_controller h1{font-size: 40px; line-height: 45px;}
.mid_body .info_block{padding-inline: 1rem;}

.quote-form{width: 100%;}
.quote-form .top .field-box ul li, .quote-form .top .row1 .field-box ul li:first-child{width: 100%; border-right: none; /*margin-left: 10px;*/}
.row1 .field-box ul li{margin-left: 10px;}
.quote-form .bottom .lable{float: left; width: 25%;}
.quote-form .bottom .field{width: 67%; float: right;}
.quote-form .bottom .lable li{display: block; width: 100% !important; float: none;}
.quote-form .bottom .field li{border-bottom: 1px solid #cccccc; border-right: 0px solid #cccccc; width: 100% !important;}
.inner_banner{height: 415px;}
.our-vision .grid-lines::before, .our-vision .grid-lines::after{display: none;}
.inner_banner h1{text-align: center; padding-inline: 15px; margin-bottom: 0; font-size: 45px;}
.no_banner{padding-top: 130px;}
.ltl_sr_box p{min-height: auto;}

.head_logo img{max-width: 60px;}
.banner_cnt a{margin-top: 10px;}
.banner_cnt a{font-size: 18px; padding: 11px 30px;}
}

@media (max-width:649px) {
.get-quote{padding: 20px 0;}
.form-row{flex-direction: column;border-radius: 8px;}
.form-row .w-25, .form-row .w-50 {width: 100% !important;}
.vertical-line{height: 1px;width: 100%;}
.get-quote label{padding-block: 6px;margin-left: 8px;margin-right: 0px;}
.form-col{padding-inline: 12px;}
.get-quote h1{font-size: 35px;}
.get-quote .text_controller p{font-size: 20px;}
.form-wrapper p{margin-top: 18px;margin-bottom: 8px;}

}

@media (max-width: 575px) {
.banner_cnt h1 {color: var(--main_color); font-size:45px; font-weight:700; text-transform:uppercase;line-height: 1;}
.banner_cnt p {color:#FFF; font-size:20px; font-weight:500; text-transform:uppercase;line-height: 1;}
.text_controller h2 {font-size:35px;line-height: 1;margin-bottom: .5rem;}
.text_controller h3 {font-size:25px;line-height: 1;margin-bottom: .5rem;}
.text_controller h4 {font-size:20px;line-height: 1;margin-bottom: .5rem;}
.our-mission h2{margin-bottom: 1rem;}
.cta_red_blk {flex-direction:column;}
.cta_red_blk {border-radius:1rem 1rem 1rem 1rem;}
.cta_red_blk .blk_btn {border-radius:0 0 1rem 1rem ; padding:10px;}
.cta_red_blk .info {padding:10px;}
.copy_right p{padding: 5px 0;}
.fix_padding{padding: 30px 0;}
.our-vision .grid-lines::after,.our-vision .grid-lines::before{content: none;}
.our-services .box{padding: 18px;}
.our-services h2 + p{margin-bottom: 18px;}
.our-services .grid-lines{margin-top: 10px;margin-bottom: 10px;}
.our-services ul li{width: 100%;}
.hm_pg_frm{padding-block: 20px; margin-top: 20px;}

.srvc_black_query .srvc_btn_sec{border-radius: 0;}
.differ_icon_box{width: 55px;height: 55px;}
.how_differ .nav-tabs{border-color: transparent;margin-bottom: 1rem;}
.btn-link-secondary{margin-bottom: 10px;}



}