@media (max-width:1400px) {
    .container{ width:90%; margin:0 auto; padding:0;}
    header .navbar-light .navbar-nav li{ margin-left:40px;}
    header .navbar-light .navbar-nav .nav-link{ font-size:18px;}
    .welcome_sec{ padding-top:100px;}
    .serv_sec{ padding:40px 0 80px 0;}
    .process_sec{ padding:100px 0;}
    .process_sec .main_blocks{ padding:0; max-width:1070px;}
    .choose_sec{ padding:100px 0 80px 0;}
    .join_form{ margin-bottom:0; padding-bottom:50px;}
    .join_form .global_title br{ display:none;}
    .join_form .row.mb-5{ margin-bottom:15px !important;}
    .service_sec{ padding:100px 0;}
    .sec_contact .info{ font-size:15px; line-height:24px;}

    .about_us{ padding:100px 0;}
    .about_us .row{  margin-right: -40px;  margin-left: -40px;}
    .about_us [class^="col-"], .about_us > [class*=" col-"]{ padding-right: 40px; padding-left: 40px;}
    .about_us p{ margin:0 0 80px 0;}

    .hero_sec img{ height:740px;}
}

@media (max-width:1200px) {
    p{ font-size:15px; line-height:24px;}
    header{ padding:15px 0;}
    header .navbar-light .navbar-nav li{ margin-left:30px;}
    header .navbar-light .navbar-nav .nav-link{ font-size:16px;}
    header .navbar-light .navbar-nav.ml-auto li{ margin-left:30px;}
    .hero_sec .cap_info {	transform: translate(0,-40%);}
    .hero_sec h1{ font-size:40px; line-height:40px;}
    .hero_sec p{ font-size:18px; line-height:26px;}
    .hero_sec .cap_inn{ max-width:520px;}
    .btns{ padding:10px 30px; font-size:16px;}
    .global_title{ font-size:28px;}
    .choose h3{ font-size:26px;}
    .get_sec p{ font-size:17px; margin-bottom:50px;}
    .testi_sec .row{  margin-right: -14px;  margin-left: -14px;}
    .testi_sec [class^="col-"], .testi_sec > [class*=" col-"]{ padding-right: 14px; padding-left: 14px;}
    .seen_sec{ padding: 0 0 100px 0;}
    .social_links li{ font-size:26px;}
    .footer_links li{ font-size:15px;}
    .inner_banner{ padding:200px 0 37px 0;}
    .inner_banner h2{ font-size:40px;}
    .inner_banner p{ font-size:21px; line-height:24px;}
    .work_sec{ padding:30px 0 60px 0;}
    .work{ padding:80px 0;}
    .work h3{ font-size:28px;}
    .join_form .custom-checkbox .custom-control-label{ font-size:14px;}
    .srv_block{ padding-right:0;}
    .form_contact{ margin-left:0;}
    .process_sec .main_blocks{ max-width:890px;}
    .proc{ max-width:170px;}
    .proc:before{ width:60px; }

    .hero_sec img{ height:580px;}

    .location_info{bottom:10%}
    .location_info .details .inner{padding:20px}
    .slider_sec p{margin-bottom:15px}
    .clean_sec h4{font-size:30px}
    .clean_sec p{font-size:16px;text-align:center}
    .app_sec h2{margin-right:0}
    .app_sec figure{margin-right:30px}
    .order_detail p{font-size:18px; margin-top: 5px; margin-bottom: 0px; }
    .order_detail .price{margin:30px 0 15px}
    .progress_sec p{font-size:15px;line-height:normal}
    .quick_link{font-size:18px}
    .track_sec figure{width:70px}
    .track_sec .right{padding-left:20px}
    .track_sec ul.phone_info li{font-size:36px}
    .location_sec p{font-size:14px}

    .location_sec .map_caption .inner{padding:0 20px}
    .location_sec .map_caption, .track_sec .track_caption{ width:100%; position:relative}

    .truncate_text { width: 300px; }
}

/************ Main **************/
@media (max-width: 991px) {
    p{ font-size:14px; line-height:23px;}
    header .navbar-brand{ width:60px;}
    header .navbar-light .navbar-nav li{ margin-left:20px;}
    header .navbar-light .navbar-nav .nav-link{ font-size:14px;}
    header .navbar-light .navbar-nav.ml-auto li{ margin-left:20px;}
    header .navbar-light .navbar-nav .book_btn a{ font-size:14px;}
    header .dropdown-item{ font-size:14px;}
    .hero_sec h1{ font-size:30px; line-height:30px;}
    .hero_sec p{ font-size:16px; line-height:24px;}
    .hero_sec .cap_inn{ max-width:410px;}
    .welcome_sec{ padding:40px 0;}
    .serv_sec {	padding: 40px 0 10px 0;}
    .serv i { width: 70px; height: 70px; padding: 15px; line-height: normal;}
    .serv .dtl { margin: 22px 0 0 0; font-size: 14px; left: -11px;}
    .process_sec {	padding: 40px 0 10px 0;}
    .proc h4 { font-size: 16px; line-height: 20px;}
    .process_sec .detail{ margin-bottom:30px;}
    .choose_sec { padding: 40px 0 10px 0;}
    .get_sec{ padding: 40px 0;}
    .get_sec p { font-size: 14px; margin-bottom: 35px;}
    .testi_sec{ padding: 40px 0;}
    .testi_sec .detail{ margin-bottom:30px;}
    .testi{ padding:28px 10px; margin-bottom:40px;}
    .testi h4{ font-size:16px;}
    .seen_sec ul{ padding:0;}
    .seen_sec {	padding: 0 0 40px 0;}
    footer{ padding:40px 0;}

    .hidden-md{ display:none;}
    .visible-md{ display:inline-block;}

    .social_links{ text-align:center; margin-bottom:15px;}
    .copyright{ text-align:center;}
    .seen_sec ul li{ margin:0 15px;}

    .work_sec{ padding:0;}
    .work{ padding:40px 0;}
    .work .detail{ padding-left:70px;}
    .work h3{ font-size:21px; line-height:23px;}
    .work .count { width: 48px; height: 48px; font-size: 23px; line-height: 48px;}
    .inner_banner h2 {	font-size: 30px;}
    .inner_banner p {	font-size: 16px;	line-height: 21px;}
    .join_sec{ padding:40px 0;}
    .join_sec .detail{ padding:0;}
    .join_sec p{ margin-bottom:30px;}
    .join_sec figure{ margin-bottom:30px;}
    .sub_btn{ min-width:218px;}
    .form_block{ margin-bottom:20px;}
    .join_form{ padding:30px 15px;}
    .service_sec{ padding:40px 0 10px 0;}
    .srv_block h3{ font-size:24px;}
    .sec_contact{ padding:40px 0 10px 0;}
    .sec_contact .info{ font-size:14px; line-height:23px; margin-bottom:40px;}
    .add_block { margin: 0 0 30px 44px; padding: 0 0 22px 0; font-size: 18px;}
    .add_block strong{ font-size:24px;}
    .form_contact{ max-width:100%; margin-bottom:30px;}

    .about_us{ padding:40px 0 0 0;}
    .about_us .row{  margin-right: -15px;  margin-left: -15px;}
    .about_us [class^="col-"], .about_us > [class*=" col-"]{ padding-right: 15px; padding-left: 15px;}
    .about_us p{ margin:0 0 40px 0;}

    .page_sec{ padding:40px 0;}
    .page_sec .detail{ padding:0;}
    .page_sec p{ margin-bottom:30px;}
    /*.page_sec figure{ margin-bottom:30px;}*/

    .process_sec .main_blocks{ max-width:690px;}
    .proc:before{ width:33px; }

    .hero_sec img{ height:450px;}



    .location_info .details{padding:10px}
    .location_info .details .inner:after,.location_info .details .inner:before{right:-10px;bottom:-10px}
    .clean_sec h2{font-size:42px}
    .clean_sec h3{font-size:20px}
    .map_sec .map_caption .inner{padding:0 20px}
    .map_sec h2{font-size:30px}
    .map_sec ul li{font-size:20px}
    .blog_list .caption_info{width:100%;float:left;margin:0;padding:0 15px 15px;font-size:16px}
    .order_detail .right{padding:0 0 0 20px}
    .order_detail p{font-size:18px; margin-top: 5px; margin-bottom: 0px; }
    .inner_banner p,.order_detail .track_link{font-size:17px}
    .location_sec .confirm_link{margin:0;line-height:50px;font-size:22px}
    .location_sec .map_caption .inner{padding:0 20px; float: unset; margin: auto; }
    .location_sec .map_caption, .track_sec .track_caption{ width:100%; position:relative}
    .track_sec ul.rating_info li{font-size:17px}
    .track_sec h2{font-size:25px}
    .track_sec p{font-size:18px; margin-bottom: 10px; }
    .progress_sec h2{font-size:40px}
    .about_sec .block{padding:0}
    .map_sec h3{font-size:20px}
    .track_sec .track_caption .inner{padding:20px; float: none; margin:0 auto; }
    .location_sec h2{font-size:30px}
    ul.value_detail li{font-size:12px}

    .track_sec ul.phone_info li { font-size: 30px; }
    .track_sec ul.phone_info li a { font-size: 30px; }

    .order_detail .price { margin-top: 10px; }
    .order_detail .price span { width: auto; display:inline-block; }
    .order_detail .other_detail { text-align: left; }

    .truncate_text { width: 150px; }

    .progress_sec { min-height: 400px !important; }

    .provider_sec .provider-section { padding: 0px; border: none !important; box-shadow: none !important; }

    .provider-info {padding-left: 0px;margin-top: 30px;}
    .provider_title {font-size: 30px;}
    .provider_sec .main-provider-image {height: 320px; box-shadow: none !important; }

}

@media (max-width: 767px) {
    html { -webkit-text-size-adjust:none;}
    .container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
    header{ position:relative; border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 0;}
    header .navbar-brand{ width:40px;}
    .navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px;}
    .navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
    .navbar-toggler span {display: block; background-color:#343C54; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
    .navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
    .navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
    .navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
    .navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}
    header .navbar-light .navbar-nav li{ margin-left:0;}
    header .navbar-light .navbar-nav .nav-link{ border-bottom:1px solid rgba(0,0,0,0.1); margin:0; padding:8px 0;}
    header .navbar-light .navbar-nav.ml-auto li{ margin-left:0;}
    header .navbar-nav .dropdown-menu{ padding:0; box-shadow:none;}
    header .dropdown-item{ border-bottom:1px solid rgba(0,0,0,0.1);}
    header .navbar-light .navbar-nav .book_btn a{ border:none; margin-top:5px;}

    .welcome_sec .detail{ margin-bottom:30px;}
    .hero_sec p { font-size: 14px; line-height: 20px;}
    .hero_sec .cap_inn{ padding:30px 15px;}
    .serv .dtl { left: 0; padding-left: 20px;}
    .proc::before { display:none;}
    .choose{ max-width:100%;}
    .get_sec .store_links{ margin-bottom:30px;}
    footer .detail{ padding-left:100px;}
    footer .store_links {	display: flex; margin-bottom:30px;}
    .global_title.mb-5{ margin-bottom:30px !important;}
    .work .detail { max-width:100%; margin-bottom:30px;}
    .work figure{ max-width:100%; text-align:left !important; padding-left:70px;}
    .inner_banner {	padding: 100px 0 30px 0;}

    .hero_sec img{ height:inherit;}

    .location_info{padding:40px 0;bottom:0;background:rgba(0,0,0,.8)}
    .location_info .details{max-width:100%}
    .location_info .details .inner{background:rgba(255,255,255,.9)}
    .clean_sec h2{font-size:30px}
    .clean_sec h3{font-size:18px;margin-bottom:30px}
    .clean_sec h4{font-size:23px;margin-bottom:20px}
    .clean_sec p{font-size:15px}
    .app_sec h2,.footer_detail h3{font-size:30px}
    .map_sec .map_caption{width:100%;padding:30px 15px;position:relative}
    .map_sec .map_caption .inner{max-width:100%;float:left;padding:0}
    .app_sec figure{width:50%;display:inline-block;margin:0;padding:0 20px}
    .app_sec h2{margin:0 0 20px}
    .order_detail .other_detail{text-align:left}
    .order_detail figure{width:100%; margin-bottom: 5px; text-align: center;}
    .order_detail figure img { width:130px; }
    .location_sec .map_caption, .track_sec .track_caption{ width:100%; position:relative}
    .order_detail h2{font-size: 24px}
    .order_detail p{font-size:18px;margin-top:5px; margin-bottom: 0px; }
    .order_detail .price{margin:10px 0px 15px; font-size:25px}
    .order_detail .price span { width: auto; display:inline-block; }
    .clean_sec .price{font-size:35px}
    .location_sec h2,.progress_sec h2,.rating_sec h2{font-size:30px}
    .location_sec .map_caption{padding:35px 15px}
    .location_sec .map_caption .inner,.track_sec .track_caption .inner{max-width:100%;padding:0;float:left}
    .seen_sec ul li{width:33.333%;float:left;/*margin:0 0 30px;padding:0 20px*/}
    .track_sec .track_caption{padding: 20px}
    .track_sec ul.phone_info{ margin-bottom:20px }
    .track_sec ul.phone_info li { font-size: 24px; margin-left: 10px; }
    .track_sec ul.phone_info li a { font-size: 24px; }
    .track_sec p { font-size: 18px; margin-bottom: 10px; }
    .progress_sec .date_info,.progress_sec p{font-size:16px}

    .set_value .irs-line { width: 95%; left: 2.8%; }
    .truncate_text { width: 200px; }
}

@media (max-width: 767px) and (orientation : landscape) {
    .inner_hero_sec::before { display:none;}
    .truncate_text { width: 200px; }
}

/************ iphone **************/
@media (max-width:600px) {
    html { -webkit-text-size-adjust:none;}
    .hero_sec::before { display:none;}
    .inner_hero_sec::before { display:none;}
    .hero_sec h1 { font-size: 20px;	line-height: 20px;}
    .hero_sec .btns {	padding: 7px 15px;	font-size: 13px;}
    .hero_sec .cap_inn{ max-width:100%; padding:15px; text-align:center;}
    .hero_sec .cap_inn::before { display:none;}
    .hero_sec .cap_info {	transform: translate(0,-50%);}

    .seen_sec ul li {	margin: 0 7px;}
    footer .detail{ padding:0;}
    footer figure{ position:relative; margin-bottom:25px; }
    .social_links{ margin-top:20px;}
    .proc{ min-height:inherit; padding:25px 15px; max-width:100%;}
    .inner_banner {	padding: 40px 0;}
    .form_contact{ padding:30px 20px;}

    .login_modal .modal-dialog { padding:20px 10px;}
    .login_modal .modal-body{ padding:30px 20px;}
    .login_modal .custom-checkbox.mb-5{ margin-bottom: 30px !important;}
    .sub_btn{ font-size:16px;}

    .simp_link{ margin-bottom:25px;}
    .inner_banner p br{ display:none;}



    .seen_sec ul li{width:100%;margin-bottom:30px}
    /*.order_detail figure{width:100%}*/
    .order_detail .right{width:100%;float:left;padding:0;}
    .progress_sec .row{margin:0 -5px}
    .progress_sec [class*=col-]{padding:0 5px}
    .progress_sec .date_info,.progress_sec p{font-size:14px!important}
    .app_sec figure{float:left;padding:0 10px}
    .progress_sec{min-height:350px!important}

    .order_detail .price span { width: auto; display:inline-block; }

    .truncate_text { width: 100px; }
}