
@media only screen and (max-width: 767px){
html::-webkit-scrollbar { width: 4px}  
.form-bg:after, .form-bg:before,.home-bg:before,.home-bg:after, .t-footer .logo{display:none!important}
.form-bg img, .logo img{width: 138px;height: 100px; margin-top: 50px}
.m-nm1{margin-top: -40px}
.t-footer .tr p, .t-footer{text-align: center!important}
.container{padding-left:0!important; padding-right:0!important}    
body.page-id-16{background-image: url('../img/bg3.svg'); background-repeat: no-repeat;background-position: right bottom;background-size:50% auto;}
.quform-element-1_2 {width: 100%}
.quform-element-2_2 {width: 100%} 
.home-footer{min-height:100px;background-size:97% auto}    
.home-bg{padding: 60px 0 0 0; background-size:auto 150%; background-position: center } 
.social-icons {justify-content: center}
.pb-svg-image1{margin-top: -30px!important}
.job-details table,.job-details1 table, .job-details tbody,.job-details1 tbody, .job-details tr, .job-details1 tr, .job-details th,.job-details1 th, .job-details td, .job-details1 td { display: block; width: 100%; } .job-details tr, .job-details1 tr{ margin-bottom: 15px; border-bottom: 2px solid #fff; padding-bottom: 10px; } .job-details, .job-details1, .job-details th, .job-details th { background-color: transparent; padding: 5px 0; }
.drop-price4:before { right: 30%; top: -120px; z-index: 99; }
.ab-bg3:after{width:133px; height: 400px; top:80%!important; left:50%; margin-left: -66px}
.page-id-61 .pb-svg-image img{max-width:80px!important; width:80px!important;height:auto!important; margin-right: 80px!important}    
}

@media only screen and (max-width: 959px){
#totopbutton,.slick-arrow,.home-bg1:after,.home-bg2:after,.home-bg3:after,.home-bg3:before,.ab-bg1:after,.pb-bg1:after,.pb-bg2:before,.con-form-bg:before,.ab-bg3:before{display:none!important}  
.page-container{padding-top: 70px}   
.page-id-109 .page-container{padding-top: 0}   
.header{height:70px!important;  position:fixed;width: 100%!important;left:0;right:0;top:0; z-index: 999999999!important;background-color:#fff6ed}
.h-logo{padding-top: 5px}    
.h-logo img{height: 55px!important}
.ab-image,.ab-text1{text-align: center}    
.reverse-row{ display:flex!important;flex-direction:column-reverse!important}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {background:#ea6357!important; color:#fff!important; position: absolute; top:-80px; right:15px; padding:0!important; height:35px!important; width:40px!important; line-height:30px; text-align:center!important;font-size:20px!important}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {text-align: left}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover { background:#ed8056!important; color:#000!important}    
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px!important; color:#fff!important}
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#fff!important;background-color:#64704d; }
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {background:#f8b956!important; color:#000!important}   
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color:#64704d; top:70px;position:fixed; left:0; right:0; width:100%!important} 
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border-radius:0; margin-left:0} 

h1,h2,.h-text2,.h-text3, .blog-page h2{font-size:24px; font-weight: 600!important}
.home-mobile-adj .svg-icons{margin-top: 50px}
.home-bg2{background-size:300% auto!important; margin-top: 200px; padding-top: 100px }
.home-bg2:before{top:-150px; left: 50%; margin-left: -80px }  
.ab-text1, .bp-text1{font-size: 16px; padding-top: 35px}
.home-bg3{min-height: 500px; transform: translateY(10px);background-size:100% auto!important;}

.ab-bg2:before{top:-90px; right:-30px}
.ab-image img{width: 250px; height: auto}
.ab-bg3{background-size: 300% auto!important}
.ab-text2{padding-top: 35px}
.ab-bg3:after{width:133px; height: 200px; top:70%!important; left:50%; margin-left: -66px}
.pb-svg-image img{margin-bottom: -120px!important; z-index: 999!important; position: relative!important}  
.pb-price1, .pb-price2{background-size:120% auto!important; padding-bottom: 150px; padding-top: 90px}  
.pb-bg3{background-size:400% auto!important; padding-bottom:40px;padding-top:40px}
.drop-price5{background-size:auto 100%!important}
.pb-bg3:before{top:auto; right: -20px; bottom:0px}
.drop1:before{bottom:0;right: -10px;background-size:78px 80px;width:78px; height: 80px;}
.drop-button1{padding-top: 25px}
.drop-button2{ background-size:80% auto!important;min-height: 210px;padding-top: 25px}
.drop-price1{min-height:600px!important; padding-top: 100px!important}
.drop-price2{min-height:700px!important; padding-top: 100px!important}  
.drop-button3{min-height: 80px;padding-top: 10px; }
.dp-text3{padding-top: 50px}.dp-text2{font-size: 24px}
.member-bg:before{bottom:0;right:20px;background-size:78px 80px;width:78px; height: 80px;}
.member-price1,.member-price2{padding-left:60px!important; padding-right:60px!important} 
.member-price1 .drop-button1, .member-price2 .drop-button1{padding-top: 15px;min-height: 80px;background-size:170px auto!important; margin-bottom: 20px}
.membership-bg1:before{ width:90px; height: 80px; background-size:90px 80px; z-index: 99}
.membership-bg:before{z-index: 99}.contact-bg:before{ width:90px; height: 84px; background-size:90px 84px; z-index: 99; top:100px}
.contact-svg{float: left!important}
.contact-svg img{float: left!important; margin: 0!important} 
    .ht-1{padding-top: 50px}    
}






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



}



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

{





}

@media only screen and (min-width : 960px){
html::-webkit-scrollbar{width: 6px}
h2{font-size:30px} 
.form-bg:before, .form-bg:after{top:-5%}  
.form-bg img, .logo img{height:140px!important; width: auto!important; margin-top: 30px}    
.home-footer{background-size:80% auto; min-height: 300px; transform: translateY(-100px);margin-bottom: -100px!important}
.mw-70{max-width: 80%; margin: 0 auto}
.short-width  {max-width: 80%}
.slick-dots{display: none!important}   
.slick-next {font-size: 30px!important; right: -30px!important}  
.slick-prev {font-size: 30px!important; left: -30px!important}     
.pl75{padding-left: 40px}  
.pb-svg-image img{margin-right: 50px; transform: translateY(50px)}   
.lh{line-height: 150%} 
.wt4, .wt5{text-align: center; max-width: 70%; margin:  0 auto}  
.wt4{padding-top: 90px; line-height: 150%}
.wt5{padding-top: 30px; padding-bottom: 40px;}    
}





@media only screen and (min-width: 1200px) {
body{font-size: 18px!important}   
.page-id-12 #page-container {padding-top:50px} 
.header .h-logo{padding-top: 30px}
h2, .home-page h1, .h-text2, .h-text3, .ab-text2 h3, .pb-text1, .or h3, .dp-text1,.contact-page h1, .title{font-size:40px}
.blog-page h2{font-size:30px}    
.title p{line-height: 40px}
.mem-text1 h1{font-size: 26px; padding-bottom: 50px;padding-top: 90px}    
h3 .small, .wt4, .wt5{font-size: 30px}  .font30{font-size:24px}    
.pl50{padding-left: 50px} .pr50{padding-right: 50px}    
.h-text3 p{line-height: 40px!important}
.h-text5{font-size:30px}    
.tj{text-align: justify}
.form-bg p, .form-bg form{max-width: 450px; margin: 0 auto} .form-bg img, .logo img{width: 278px;height: 200px;} 
    .home-bg p, .home-bg form{max-width: 80%; margin: 0 auto} .t1{margin-top: 70px; font-size:26px} .home-bg{padding:100px 0} .quform-2 .t3{padding-top:20px; padding-right: 50px} .quform-element-2_23{margin-top:20px!important} .home-bg:before{width:250px; height: 281px; top:-230px} .home-footer{background-size:90% auto; min-height: 300px; transform: translateY(-150px); margin-bottom: -200px!important}.footer-line{width: 90%}
.h-logo img{height:140px!important; width: 193px!important} 
.mw-70{max-width: 70%; margin: 0 auto} 
.mw-90{padding-left: 160px!important; padding-right: 160px!important; line-height: 200%; margin-top: -30px}    
.ab-text1{max-width: 75%; padding:90px 0 0 0}
.bp-text1{padding:90px 0 0 0}
.ab-text2{padding-top: 50px}
.ab-text3{max-width: 70%; margin: 0 auto} 

.home-page h1{max-width:50%; margin: 100px auto 0 auto} 
.contact-page h1{margin: 0 auto!important; padding-top: 50px; padding-bottom: 100px} 
.home-adj1{margin-top:-170px!important} 
.pl75{padding-left: 75px}    
.ab-adj1 img{margin-top: -110px!important;z-index: 99!important;position: relative} 
.ab-adj2 img{margin-top: -30px!important;z-index: -1!important}  
.xab-adj3{margin-top: -150px!important; border: 1px solid #000; padding-top:0!important} 
.slick-next {font-size: 40px!important; right: -50px!important}  
.slick-prev {font-size: 40px!important; left: -50px!important}        
.h-text3{margin-top: 120px; margin-bottom: 20px!important; padding-left: 90px;padding-right: 50px;}
.h-text4{padding-left:90px;}    
.ab-image img{transform: translateY(105px);z-index: 99!important;position: relative}
.pb-svg-image img{margin-right: 100px; transform: translateY(100px)}  
.pb-price1,.pb-price2{padding: 70px 80px 0 80px!important;min-height: 800px!important;}  

.pb-bg2:before{right: 200px; bottom: 80px}  
.pb-bg3:before{right: -50px; top:70px}    
.pb-price1,.pb-price2{background-size:90% auto!important} 
.member-price1,.member-price2{background-size:92% auto!important;padding: 90px 70px 0 100px!important;min-height: 600px!important;} 

.member-price1 .pb-text1,.member-price2 .pb-text1{line-height: 30px!important; font-size: 32px; padding-bottom:10px}
.drop-price1,.drop-price2{background-size:80% auto!important;padding: 70px 80px 0 80px!important;min-height: 600px!important;} 
.job-details th {min-width: 200px; width: 20%;}
.job-details td {width: 80%}
.job-details1 th {min-width: 200px; width: 25%;}
.job-details1 td {width: 75%}
.drop-button1 .price {font-size: 60px}.drop-button2 .price {font-size: 60px}
.dp-text1{padding-top: 40px; padding-bottom:20px}
.xmembership-bg1:before{top:500px}
.contact-bg:before{top: -250px} .contact-svg{margin-right: 90px}
}


@media (min-width: 1400px){
html::-webkit-scrollbar { width: 8px}
.container{max-width: 1180px!important;}


}





@media screen and (min-width:1600px) {


}







/* - Ipad Pro Landscape */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
.pb-price1,.pb-price2{background-size:100% auto!important; min-height: 900px!important;padding: 90px auto 90px auto!important}

}



/* - Ipad Landscape */

@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .h-logo{padding-top: 10px}
.form-bg p, .form-bg form{max-width:50%; margin: 0 auto} 
.form-bg:before{background-size:auto 60%; top:auto; bottom: -100px}.form-bg:after{background-size:auto 60%;}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding-left: 12px!important; padding-right: 12px!important}
.home-adj1 img{margin-top:-100px!important} 
.mw-70{max-width: 80%; margin: 0 auto}  
.home-page h1,.contact-page h1{max-width:60%; margin: 50px auto 0 auto} 
.h-text3{margin-top: 120px; margin-bottom: 20px!important; padding-left: 50px;}
.h-text4{padding-left:50px;}
.ab-text1,.bp-text1{padding-left:90px; padding-top: 50px}
.ab-text2{ padding-top: 50px}   
.ab-text3{padding-left:120px; padding-right: 120px}   
.ab-bg3{min-height: 400px} 
.pb-price1,.pb-price2{background-size:100% auto!important; min-height: 700px!important}   
.pb-price1{padding:90px 20px 0 20px!important}  
.pb-price2{padding: 90px 20px 0 20px!important}  
.price-box{  padding: 35px 20px 35px 20px;}.pb-bg3{min-height:300px}   
.drop-button1{padding-top: 25px}
.drop-button2{padding-top: 25px;background-size:80% auto!important}    
.drop-price1,.drop-price2{background-size:100% auto!important; min-height: 700px!important; padding-top: 40px}   
.page-id-61 .pb-text2, .page-id-61 .pb-text1 {
        padding-left: 50px;
        padding-top: 10px;
        padding-right: 50px;   
    }    
}



/* - Ipad Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.hide-ipad-po .ult-spacer,.ab-bg2:before,.drop-price4:before{display: none!important}
.ipad-fw-po{width: 100%!important}.ipad-50-po{width:50%!important}
.t-header{padding-top: 50px}
.home-footer{background-size:90% auto; min-height: 300px; transform: translateY(-150px); margin-bottom: -200px!important} 
.ipad-hw-po{width: 50%!important}   
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {top:10px}   
.home-page h1{max-width:50%; margin: 100px auto 0 auto} 
.contact-page h1{max-width:80%; margin: 50px auto 0 auto}     
.home-adj1 img{margin-top:-100px!important}
.ab-text2{ padding-top: 50px}  .ab-text1{padding-left:90px; padding-top: 50px}    
.ab-bg3{min-height: 400px}
.ab-text3{padding-left:120px; padding-right: 120px}   
.ab-bg3:after{width:133px; height: 200px; top:60%!important; left:1%; margin-left:0}  
.pb-price1,.pb-price2{background-size:100% auto!important; min-height: 800px!important}   
.pb-price1{padding:90px auto 0 auto!important}  
.pb-price2{padding: 90px auto 0 auto!important}  
.pb-text2, .pb-text1{padding-left: 50px; padding-top: 50px}    
.price-box{  padding: 35px 20px 35px 20px; text-align: center} 
.drop-price1,.drop-price2{}
.drop-price1 .pb-text1,.drop-price2 .pb-text1{}
.price-box {
flex-direction: column;
align-items: center;    
text-align: center;   
}

.price-wrap {
margin-bottom: 10px;
}    

.drop-button2 .price{margin-top: -10px}
    
    .member-price1,.member-price2{background-size:80% auto!important; padding-left: 15%; padding-top: 15%; min-height:700px!important}
    
     .page-id-61 .pb-text2, .page-id-61 .pb-text1 {
        padding-left: 80px;
        padding-top: 30px;
        padding-right: 80px;   
    }
    
    .drop-price1, .drop-price2{background-size:80% auto!important; padding-left: 15%; padding-top: 15%; min-height:800px!important}
    
    .drop-button2{background-size:50% auto!important}
}



/* - Ipad Pro Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { 
.form-bg:after, .form-bg:before{display:none!important}
h1{font-size:26px}
.form-bg{padding-top:5%}    
.form-bg p, .form-bg form{max-width:80%; margin: 0 auto} 
body.page-id-16{background-image: url('../img/bg3.svg'); background-repeat: no-repeat;background-position: right bottom;background-size:50% auto;}   
.hide-ipad-po .ult-spacer{display: block!important}   
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding-left: 12px!important; padding-right: 12px!important}
.h-text3{margin-top: 90px; margin-bottom: 20px!important; padding-left: 50px;}
.h-text4{padding-left:50px;}  
.member-price1,.member-price2{background-size:70% auto!important; padding-left: 15%!important; padding-right: 15%!important; min-height:700px!important}
    
     .page-id-61 .pb-text2, .page-id-61 .pb-text1 {
        padding-left: 80px;
        padding-top: 30px;
        padding-right: 80px;   
    }
}

