@media only screen and (max-width: 1800px) {
    
    .summary_sec,.summary_sec.affix{
        right:18.5%;
    }
    
}

@media only screen and (max-width: 1680px) {
    
    .summary_sec,.summary_sec.affix{
        right:16.5%;
    }
  
    
}
@media only screen and (max-width: 1560px) {
    
    
    .summary_sec,.summary_sec.affix{
        right:14.5%;
    }
  
    
}
@media only screen and (max-width: 1440px) {
    
    .summary_sec,.summary_sec.affix{
        right:11.5%;
    }
  
    
}


@media only screen and (max-width: 1366px) {
    
    .banner_sec .banner_img{
        width: 500px;
    }
    .summary_sec,.summary_sec.affix{
        right:8.5%;
    }
    .smry_btn_div{
        margin-left:22%;
    }
  
    
}

@media only screen and (max-width: 1290px) {
    
   .smry_btn_div{
        margin-left:9%;
    }
  
    
}

@media only screen and (max-width: 1250px) {
    
    .summary_sec,.summary_sec.affix{
        right:4.5%;
    }
  
    
}
   

@media only screen and (max-width: 1199px) {
    
    .banner_sec h4{
        font-size:36px;
        line-height:56px;
    }
    .banner_sec h4 a{
        line-height:normal;
    }
    .footer_sec{
        margin-top: 50px;
    }
    .banner_sec .banner_img{
        width: 450px;
    }
    .strip_sec .main_hd{
        font-size:28px !important;
    }
    .strip_sec:before{
        height:260px;
    }
    .pick_a_plan_sec {
        margin-top:70px;
    }
    .summary_sec, .summary_sec.affix {
        right: 11.5%;
    }
   .pick_a_plan_sec .radio-inline{
       width:180px;
       /*min-height:100px;*/
   }
   .plan_txt_div:after{
       width:96%;
   }
   .smry_btn_div{
        margin-left:0%;
    }
    .preview_btn, .preview_btn:focus,#nextBtn, #nextBtn:focus,#prevBtn, #prevBtn:focus{
        width:30%;
        font-size:12px;
    }
}


@media only screen and (max-width: 1135px) {
    
    .summary_sec,.summary_sec.affix{
        right:9.5%;
    }
  
    
}
@media only screen and (max-width: 1080px) {
    
    .summary_sec,.summary_sec.affix{
        right:7.5%;
    }
  
    
}

@media only screen and (max-width: 1025px) {
    
    .summary_sec,.summary_sec.affix{
        right:5.5%;
    }
  
    
}


@media only screen and (max-width: 991px) {
    
    .nav_sec{
        background-color: rgba(250, 250, 250,1);
    }
    #myNavbar{
    width: 100% !important;
    float: left !important;
    position: fixed!important;
    left: 0 !important;
    top: 64px !important;
    background-color: rgba(250, 250, 250,1);
    overflow: hidden;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px 0 #eee;
    box-shadow: 0 1px 2px 0 #eee;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nav_sec .navbar-toggle {
    display: block;
    position: fixed;
    right: 30px;
    top: 5px;
    z-index: 9999;
    width: 35px;
}
.nav_sec .navbar-collapse.collapse{
    display: none !important;
}  
.nav_sec .navbar-collapse.in{
    display: block !important;
} 
.nav_sec .navbar-right{
    width: 100% !important;
}
    
    .nav_sec .navbar-nav>li>a {
        font-size: 12px;
        padding: 10px 12px;
    }
    .whatsapp_a {
        font-size: 16px !important;
    }
        .banner_sec h4{
        font-size:30px;
    }
    .banner_sec p{
        font-size:18px;
    }
    .banner_sec .banner_img{
        width: 40%;
    } 
    .nav_sec .navbar-nav>li {
        padding: 0px 0px;
    }
    .main_hd,.enq_modal .ct_label{
        font-size: 40px;
    }
    .point_txt{
        font-size: 14px;
    }
    .point_div{
        min-height: 120px;
    }
    .enq_btn {
        width: 160px;
    }
    .strip_sec .main_hd{
        font-size:24px !important;
    }
    .whatsapp2{
        width:40px;
    }
    .summary_sec {
        position:fixed;
        width:100%;
        right:0;
        top:92px;
        min-height:60px;
        z-index: 99999;
        border-radius:0px;
        max-height:100%;
        overflow-y:scroll;
    }
    .summary_sec.affix{
        position:fixed;
        width:100%;
        right:0;
        top:64px;
        min-height:60px;
        z-index: 99999;
        border-radius:0px;
        max-height:100%;
        overflow-y:scroll;
    }
    .fplan_txt_div{
        margin-top:10px;
    }
    
   .plan_txt_div:after{
       width:100%;
   }
    .summary_sec .main_hd{
        padding-bottom:0px;
    }
    .summary_sec .main_hd .fa-angle-double-up,.summary_sec .main_hd .fa-angle-double-down{
        padding:5px 0px;
        background-color:#614de8;
        width:100%;
    }
    i.fa.fa-angle-double-up{
        display:none;
    }
    .summary_sec .main_hd[aria-expanded="true"] i.fa.fa-angle-double-up{
        display:block;
    }
    .summary_sec .main_hd[aria-expanded="true"] i.fa.fa-angle-double-down{
        display:none;
    }
   .pick_a_plan_sec .form_div{
       padding-bottom:50px;
   }
    
    .pick_a_plan_sec{
        margin-bottom:30px;
    }
    .pick_a_plan_sec .radio-inline {
        width: 165px;
        /*min-height: 100px;*/
    }
    
    .preview_btn, .preview_btn:focus, #nextBtn, #nextBtn:focus, #prevBtn, #prevBtn:focus {
        margin-left:0;
        margin-right:10px;
    }
}

@media only screen and (max-width: 767px) {
    
    .nav_sec{
        background-color: rgba(250, 250, 250,1);
    }
    #myNavbar{
        top:55px !important;
    }
    .plan_sec{
        min-height:0px !important;
    }
    .plans_inner{
        width: 70%;
        float: none;
        margin: auto;
        display: block;
        margin-bottom: 30px;
    }
    .point_div {
        min-height: auto;
    }
    .portfolio_sec{
        padding: 0px 0px;
    }
    .contact_sec{
        padding: 0px 0px 50px 0px;
    }
    .footer_sec p{
        text-align: center;
        float: right
    }
    .strip_sec .main_hd{
        text-align:center !important;
        margin-bottom:0px !important;
        font-size:20px !important;
    }
    .strip_sec{
        padding:40px 0px;
    }
    .strip_sec:before{
        height:200px;
    }
    .banner_sec{
        padding:60px 0px 0px 0px;
    }
    .banner_sec .banner_img{
        display:none;
    }
    .banner_sec h4{
        font-size: 20px;
        line-height:45px;
        text-align:center;
    }
    .banner_sec h4 a{
        font-size:13px;
        margin-top:0px;
    }
    .banner_sec p{
        font-size: 14px;
        text-align:center;
    }
    .nav_sec .logo{
        width:160px;
    }
    .navbar-toggle{
        margin-top:2px;
        margin-right:0px;
        margin-bottom:2px;
    }
    .navbar{
        min-height:30px;
    }
    .contact_sec h4.main_hd.left_txt.cnt_hd{
        text-align:center !important;
    }
    .cnt_hd:after {
        position: absolute;
        content: "";
        left: 45%;
        width: 10%;
        height: 5px;
        bottom: -10px;
        background-color: #533ee5;
        z-index: 9999;
    }
    .contact_sec .btn_submit{
        width:100%;
        margin-bottom:50px;
    }
    .service_sec h5{
        font-size:13px;
    }
    .footer_sec .ft_logo{
        width:200px;
        float:none;
        margin:auto;
        display:block;
    }
    .footer_sec ul{
        text-align:center;
        margin-top:20px;
    }
    span.span_back{
        font-size:13px;
    }
    label.checkbox-inline.r_div {
        margin-left: 1.8%;
        margin-bottom:10px;
        padding-left:40px;
    }
    .pick_a_plan_sec .radio-inline{
        width:46%;
        margin:1.8% 1.8%;
    }
    .checkmark1{
        left:0;
    }
    .radio_div1{
        margin-top:0px;
    }
    .plan_txt_div:after {
        bottom: 5px;
        left: 3%;
        width:94%;
    }
    .summary_sec.affix{
        top:55px;
    }
    .pick_a_plan_sec .main_hd{
        margin-bottom:0px !important;
    }
    .intl-tel-input .country-list{
        max-height:100px;
    }
    .smry_btn_div{
        padding-right:8%;
    }
    .pick_a_plan_sec {
        margin-bottom: 70px;
    }
    #enq_modal1 .modal-dialog,#plan_modal1 .modal-dialog,#cnt_modal1 .modal-dialog,div#previewModal .modal-dialog{
        width:95%;
    }
    .plan_footer_sec{
        padding:10px 0px;
    }
    .preview_btn, .preview_btn:focus, #nextBtn, #nextBtn:focus, #prevBtn, #prevBtn:focus {
        width: 100px;
        
    }
    .pick_a_plan_sec .main_hd{
        padding:10px 0px;
    }
    .pick_a_plan_sec{
        margin-top:55px;
    }
    .pick_a_plan_sec .main_hd2{
        text-align:center;
        margin-top:5px;
        margin-bottom:5px;
    }
    .pick_a_plan_sec .pont_txt{
        text-align:center;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 600px) {
    
     .main_hd,.enq_modal .ct_label,.pick_a_plan_sec .main_hd2 {
        font-size: 26px;
    }
     .plans_inner{
        width: 100%;
        float: left;
    }
    .port_hd:after,.cnt_hd:after,.enq_modal .ct_label1:before,.enq_modal .ct_label2:before,.enq_modal .ct_label3:before{
        height: 5px;
    }
    .footer_sec {
    padding: 30px 0px 75px 0px;
    }
    label.checkbox-inline.r_div {
        margin-left: 1.8%;
    }
    .pick_a_plan_sec .radio-inline{
        width:45%;
    }
    .pick_a_plan_sec .main_hd,.pick_a_plan_sec .main_hd .total{
        font-size:20px;
    }
        
}

@media only screen and (max-width: 425px) {
    
    .footer_sec .ft_logo{
        width: 200px;
    }
    
    span.span_back{
        font-size:11px;
    }
    label.checkbox-inline.r_div {
        margin-left: 1.5%;
    }
    .pick_a_plan_sec .radio-inline{
        width:45%;
        /*min-height:110px;*/
    }
    .r_div span.span1{
        font-size:17px;
    }
    .r_div span.span2{
        font-size:11px;
    }
    label.checkbox-inline.r_div{
        font-size:15px;
    }
    .preview_btn, .preview_btn:focus, #nextBtn, #nextBtn:focus, #prevBtn, #prevBtn:focus {
        width: 75px;
        font-size: 10px;
        height: 30px;
    }
    .pick_a_plan_sec .main_hd{
        font-size: 16px;
    }
    .pick_a_plan_sec .main_hd .total {
        font-size: 24px;
    }
   
}

@media only screen and (max-width: 375px) {
    
    .pick_a_plan_sec .main_hd .total {
        font-size: 22px;
    }
}
@media only screen and (max-width: 330px) {
    
    .pick_a_plan_sec .main_hd .total {
        font-size: 18px;
    }
}