@media only screen and (min-width: 768px) and (max-width: 1059px) {

    .wrapper{ padding:0 15px}
    header .logo{ width:160px;margin:28px 0 0 0}
    header nav ul li{ font-size:12px; padding-left:5px}
    header nav ul li:first-child{ margin-left:0}
    .phone{padding: 3px 19px 4px  20px;}
    .phone a:after{ background-size:100% 100%; width:16px; height:16px; top:3px}
    .service_sec h1{ font-size:25px; line-height:29px; letter-spacing:0}
    .service_sec h2{ font-size:50px; line-height:54px}
    .service_sec{ padding-top:30px}

    .chhose_service .top_row span{ padding-right:20px; letter-spacing:0}
    .chhose_service ul li{ margin-right:54px}
    .yellow_btn{padding:13px 59px;}
    .bundle_topdetails h2{ font-size:28px; line-height:34px; padding:30px 0}
    .bundle_topdetails ul li{ width:32%; margin-left:2%}
    .bundle_topdetails{ padding-bottom:50px}
    .bundle_topdetails ul li h3{ font-size:16px; line-height:20px}

    .slider-bar p{ font-size:24px; line-height:28px}


    .info-bar figure { width: 40%; }
    .info-bar figure img { margin: 0; }
    .info-bar blockquote { font-size: 26px; line-height:32px }
    .info-bar .right { padding-top: 5%; }

    .footer_left ul li { padding: 0 5px 0 6px; }
    .footer_left ul li, footer p, .footer_right h3{ font-size:12px}	
    .footer_right li { padding-right: 15px; }
    .footer_right { padding-right: 10px; }
    .inner_sec{ padding:25px 0}
    .inner_sec h1{ font-size:25px; line-height:29px}
    .chhose_service h3{ padding:0 0 21px 20px}
    .bundle_topdetails ul li figure{ margin-bottom:20px}

    .form_sec figure{ width:39%}
    .details > figure > h1 { font-size: 28px; } 
    .details > figure > h2 {
        font-size: 25px;
    }
}



@media only screen and (max-width: 767px) { 
    .mb_note {
        display: block;
    }
    .desktop_note {
        display: none;
    }
    .wrapper{ padding:0 15px}

    header{ text-align:center; padding:10px 0 17px 0 }
    header .logo{ display: inline-block; vertical-align:top; float:none; margin:0}
    .header_right{ width:100%; text-align:center}

    .phone{ margin-top:13px;padding: 9px 19px 7px 20px;}
    .phone em{ display:none}

    .chhose_service{ border-top:6px solid #7ca9e2; border-radius:0 0 5px 5px; padding:5px 0 15px 0}
    .main_topsec{ min-height:0}
    .service_sec h1{ display:none}
    .service_sec h2{ display:none}
    .service_sec{ padding-top:0}
    .chhose_service ul li{ margin:0 30px}
    .chhose_service h3{ display:none}
    .chhose_service h3 + h3{ display:block; text-align: center;}
    .chhose_service .top_row{ display:none}
    .zipcode{width: 60%;}

    .toggleMenu{background:url(../images/toggle_img.png) no-repeat 0 0; display:inline-block; vertical-align:top; width:23px; height:23px; margin:21px 0 0 22px}

    header nav { position: fixed; left:-60%; top: 0px; padding-top: 12px; display: block;  transition: all 0.3s; -webkit-transition: all 0.3s; overflow-x: hidden; overflow-y: scroll; width:60%; height: 100%; background: #333333; margin:0; z-index:999999 }
    header nav.show { left: 0; }
    header nav ul{ width:100%;}
    header nav ul li{ padding:0; display:block; border-bottom:1px solid #494848}
    header nav ul li a{ padding:10px 15px; display:block; text-align:left}

    .bundle_topdetails{ padding:0 0 20px}
    .bundle_topdetails h2{ padding:25px 0; font-size:20px; line-height:24px}
    .bundle_topdetails ul li{ width:100%; margin:0 0 25px 0}
    .bundle_topdetails ul li figure{ width:100px; height:115px; background-size:100% 100%; margin-bottom:15px}
    .bundle_topdetails ul li p{ font-size:15px; line-height:20px}
    .bundle_topdetails ul li h3{ padding-bottom:5px; font-size:19px;}
    .slider-bar p{ font-size:18px; line-height:22px; padding-bottom:15px}
    .slider-bar{ padding:20px 0}
    .slider-bar .flex-control-nav{ padding-top:20px}
    .info-bar figure{ width:100%; text-align:center}
    .info-bar img{ margin:0; max-width:220px}
    .info-bar{ padding:15px 0; text-align:center}
    .info-bar .right{ padding-top:15px; float:none; max-width:470px; width:auto; margin:0 auto}
    .info-bar blockquote{ font-size:18px; line-height:22px; padding:15px 0; clear:both}
    .chhose_service p{ display:none}
    .chhose_service ul{ padding-bottom:5px}
    .info-bar .yellow_btn{ font-size:14px; line-height:18px; padding:13px 16px}

    .chhose_service .yellow_btn{ display:none}
    .yellow_btn.mob_btn{ display:inline-block; text-transform:uppercase; letter-spacing:0; position:relative; font-size:14px; line-height:18px; border:1px solid #d6c666; border-bottom:1px solid #be9f11; box-shadow:0 2px 0 #b18500; padding:13px 30px 13px 16px;font-family: 'Ubuntu', sans-serif; font-weight:700; }
    .yellow_btn.mob_btn:after{ position:absolute; right:17px; top:18px; background:url(../images/arrow.png) no-repeat 0 0; width:4px; height:8px; content:""}
    .yellow_btn.mob_btn:hover{ box-shadow:0 1px 0 #b18500;}

    .footer_left{ width:100%}
    .footer_left ul li { padding: 0 5px 0 6px; float:none; display:inline-block; vertical-align:top }
    .footer_left ul li, footer p, .footer_right h3{ font-size:12px}	
    .footer_right li { padding-right: 15px; }
    .footer_right { padding-right: 10px;width:100%}
    footer{ text-align:center}
    .footer_right ul{ text-align:center; float:none; display:inline-block; vertical-align:top}
    .footer_right li{ display:inline-block; vertical-align:top; float:none}
    .inner_sec h1{ font-size:20px; line-height:24px}
    .form_sec{ margin:0 0 50px 0}
    .form_tab{ padding:17px 15px}
    .form_tab .form_left{ width:100%}	
    .form_sec figure{ width:100%; text-align:center; margin-bottom:10px}
    .tab_btn{ display:block}
    .tab_nav{ width:100%; border-bottom:2px solid #7ca9e1; display:none}
    .tab_nav li{ width:100%; border-bottom:1px solid #beb8b8; margin:0}
    .tab_nav li:last-child{ border-bottom:none}
    .tab_nav li a{ display:block; min-width:0; padding:10px 15px; border:none!important; text-align:left}
    .form_sec .f_row{ padding-bottom:15px}
    .footer_inner{ padding:25px 0}
    .footer_inner .footer_right ul{ display:inline-block; vertical-align:top; width:auto; float:none}
    .footer_inner p{ float:none; text-align:center}
    .footer_inner h3{ padding-right:14px}
    .phone a::after{ top:1px}
    .phone a{ padding-top:1px}
    .bundle_topdetails .drop_arrow{ padding:17px 0 12px}
    .bundle_topdetails ul li:first-child figure span img{ max-width:25%}
    .bundle_topdetails ul li figure span img{ max-width:60%}
    .bundle_topdetails ul li:last-child figure span img{ max-width:45%}
    .tab_nav li.active a:after,.tab_nav li a:hover:after{ display:none}
    .footer_right h3{ display:inline-block; vertical-align:top; padding-right:10px}


}

@media only screen and (max-width: 479px) { 
    .slider-bar p{ font-size:16px; line-height:20px}
    .slider-bar span{ font-size:20px}
    header .logo{ width:200px}
    .toggleMenu{ margin-top:13px}
    .chhose_service h3 + h3{ font-size:18px; line-height:22px}
    .chhose_service ul li{ margin:0 5px}
    .footer_left ul li, footer p, .footer_right h3{ font-size:11px}
    .form_sec .f_row .col{ width:100%; margin-bottom:10px}
}

@media only screen and (min-width: 870px) and (max-width: 1059px) {
    .form_sec .bigright {
        width: 50%;
    }
}
@media only screen and (min-width: 767px) and (max-width: 870px) {
    .form_sec .bigright {
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }
    .bigright.desktop_note {
        display: none;
    }
    .bigright.mb_note {
        display: block;
    }
}