@media screen and (max-width:1240px) {
header .container-float { padding-left:40px; padding-right:40px;}
.contactPage .bgContUs {  padding: 100px 40px;}
.pricesPage .whyUs h3{font-size:24px;}
.contactPage .bgContUs h2{font-size:24px;}
.pricPage .title h2{font-size:24px;}
.pricesPage .title h2{font-size:24px;}
}
@media screen and (max-width:1024px) {
.container{max-width:100%; padding-left:20px ;  padding-right:20px ;}
.pricesPage .whyUs {padding-bottom:50px;}
.pricesPage,.aboutPage,.pricesPage,.pricPage{padding:50px 0px 30px;}
.contactPage{padding:40px 0px;}
.loginPage .logBtn button{font-size:18px;}
.reftrarea{ height:40px;}
}
@media screen and (max-width:600px) {
.navbar-toggle{padding-top:6px;}
header{padding:10px 0px;}
header .container-float { padding-left:0px; padding-right:10px;}
header figure .img-fluid{ max-width:150px; }
header .loginBut{margin: 0px;    padding: 0.6rem 1rem; width:100px;}
.contactPage .bgContUs {  padding:40px 30px;}
#homIntro p { font-size: 12px; line-height:18px;}
#homIntro h1 { font-size: 22px;line-height: 30px;}
.bgSelect {padding:10px 20px; margin-top:5px!important;}
.bgSelect .form-select {  min-width:150px;}
.pricesPage .whyUs h3{font-size:20px;line-height:30px;}
.contactPage .bgContUs h2{font-size:20px;line-height:30px;}
.pricPage .title h2{font-size:20px;}
#pageName .bgAnnua h3{font-size:20px;}		
#pageName .bgAnnua .done{ font-size:18px; }
#pageName .bgAnnua h3 small{ font-size:14px; }
#pageName .bgAnnua h2 strong{ font-size:30px; }
#pageName .bgAnnua h2{font-size:20px;}	
.pricesPage .title h2{font-size:20px;}
.pricesPage .title p{font-size:16px;}
.pricesPage .whyUs p{font-size:16px;}
.pricPage .title p{font-size:16px;}
footer p, footer a{ font-size:14px; }
.loginPage > figure .img-fluid{max-width:150px ;}
.mfp-close-btn-in .loginPage .mfp-close {top: 17px;right: 11px;}
.loginPage .title { padding: 1rem 0px;}
.contactPage .bgContUs p{ font-size:14px; }
.loginPage .logBtn button{font-size:16px;}
 #homIntro ul{ padding-left:0px}
 .mask{ padding-top:90px}
  #homIntro ul li{ font-size:12px; line-height:16px; padding-bottom:4px}
  .bgSelect .form-select, .bgSelect .form-control {
    height: 40px;
}
.bgSelect .btn-search{ height:40px; width:100%}
.loginPage{ width:100%}
.mfp-container{ height:auto}
.legaltxt { padding: 40px 0px 40px;}
.legaltxt h1 { font-size: 24px; line-height: 33px; padding-bottom: 10px;}
.orpn br{ display:none }
.legaltxt ol, .legaltxt ul {padding-left: 1rem;}
.proceed {padding: 15px 0px;  font-size: 18px;}

}
@media screen and (max-width:400px) {
.bgSelect .form-select {  min-width:100%; margin-bottom:10px;}
.faSharp { padding-top:.5rem;}
.loginPage{max-width:98%;padding:20px;}
.loginPage .logBtn button{font-size:15px;}
}