@media only screen and (min-width: 1365px) {
.tab-content .text-box{
top: 70% !important;
width: 420px !important;
}
body .blog-header-img{
background-size: cover !important;
background-color: #7fcdd7;
background-repeat: no-repeat;
}
}
@media only screen and (min-width: 1440px) {
body section.home-new-section.home-sec-1{
background-size: cover !important;
background-position: top;
background-color: #7fcdd7;
background-repeat: no-repeat;
}
body .blog-header-img{
background-size: cover !important;
background-color: #7fcdd7;
background-repeat: no-repeat; 
}
}
@media only screen and (max-width: 1170px) {
.custom-navbar{
padding: 15px 0px !important;
}
ul.custom-header-menu li a{
padding: 10px 6px;
}
.flip-box-wrapper p{
padding: 15px 15px;
font-size: 16px;
line-height: 22px;
}
.post-navigation .nav-next{
float: right;
width: 50%;
text-align: right;
}
.four-social-section .col-md-3{
padding: 0 15px !important;
max-width: 50%;
flex: 50%;
margin: 0 0 55px;
}
}
@media only screen and (max-width: 1024px) {
.home-middle-sec .accordion.custom-accordion {
max-width: 100% !important;
}
.left-mid-sec .middle-desc, .middle-desc {
flex-basis: 100% !important;
padding: 0 !important;
}
.center-line {
padding: 0 30px !important;
}
.section-title h2{
font-size: 52px;
line-height: 62px;
}
.count-me-btn{
left: 100px !important;
margin-left: 0 !important;
}
.custom-seachform{
right: 100px !important;
}
.testimonial__text{
max-width: 90% !important;
margin: 0 auto;
}
.testimonial_image{
left: -0px !important;
}
.testi-style-2 .testimonial__title{
width: 100% !important;
}
}
@media only screen and (max-width: 991px) {
ul.sub-menu{
position: relative;
top: 0;
opacity: 1;
visibility: visible;
left: 0;
padding-left: 40px;
background: #f2f2f2;
}
ul#main_menu li{
background: #F2F2F2;
overflow: hidden;
}
ul#main_menu li a{
color:#000;
}
ul.sub-menu li a:hover,
ul#main_menu li a:hover{
background: #63c3d1;
color: #fff !important;
}
ul.sub-menu li a{
background: transparent;
}
ul#main_menu {
overflow: hidden;
padding: 15px 0;
background: transparent;
}
.header-social-icons{
display:block !important;
}
div#navbarSupportedContent {
background-color: #f2f2f2;
}
ul.custom-header-menu li a{
padding: 15px;
display: inline-block;
color: #fff;
width: 100%;
}
.navbar-toggler {
background-color: transparent;
}
.home-slider .slick-slide img{
width: 100%;
}
.home-sec-1 .text-wrapper .site-btn-1 a{
width: 227px;
margin: 5px;
}
.news-letter .col-md-8{
max-width: 100%;
flex: 100%;
}
.news-letter .row.four-box-row .col-md-3{
padding: 0 5px;
}
.flip-box-wrapper p{
padding: 10px;
font-size: 12px;
}
.slickinner-wrapper h3{
font-size: 16px;
line-height: 22px;
}
.slickinner-wrapper p{
font-size: 14px;
line-height: 24px;
}
.slickinner-wrapper .inline-box img{
width: 100%;
height: auto;
}
.cross-section .slickinner-wrapper .inline-box{
padding: 15px;
}
ul.footer-links li, ul.social li{
margin-right: 5px;
}
.acc-sec-1 .icon-col .icon-wrapper{
padding: 15px;
}
.acc-sec-1 .col-md-10{
max-width: 100%;
flex: 100%;
}
.acc-sec-1 .acc-left, .acc-sec-1 .acc-right{
max-width: 100%;
flex: 100%;
padding: 0 15px !important;
border-right: none;
}
.bottom-form-sec .col-md-6{
max-width: 100%;
flex: 100%;
}
.tabs-sec ul#tabNav li a{
padding: 15px 0 15px 15px !important;
}
.quote-top-title{
padding: 20px 0 !important;
}
.people-box.col{
width: 30% !important;
flex-basis: 30% !important;
}
.testimonial__text{
padding-left: 60px !important;
}
.testimonial__img{
padding: 17px !important;
}
.inline-social .form-inline .nsl-container-block{
width: 85% !important;
}
.inline-social .custom-form-group{
width: 100% !important;
}
.form-sec-1{
width: 60% !important;
}
.form-sec-1.form-width-2{
width: 25% !important;
}
.timeline {
width: 60% !important;
margin: 80px auto !important;
}
}
@media only screen and (max-width: 768px) {
.top-text-heading {
padding: 15px 20px !important;
}
.single .custom-wrap{
padding: 80px 15px;
}
.section-title h2{
padding: 0 20px;
}
.tab-content .text-box{
left: 29% !important;
}
.tabs-sec ul#tabNav li a {
padding: 5px 0 5px 10px !important;
}
div#popupform .modal-dialog{
max-width: 95% !important;
}
.modal-header .close{
padding: 0;
font-size: 45px;
width: 45px;
height: 45px;
}
body div.nsl-container-block .nsl-container-buttons a{
max-width: 60% !important;
}
.top-header-form .form-wrapper.home-form{
margin: 10px 22px !important;
}
} @media only screen and (max-width: 767px) {
.custom-header .container.p-0{
padding: 0  15px !important;
}
.news-letter .row.four-box-row .col-md-3{
padding: 0 15px;
}
.inline-social .custom-form-group{
width: 80% !important;
float: none !important;
margin-left: auto;
margin-right: auto !important;
}
.inline-social .form-inline .nsl-container-block{
display: inline-block;
width: 80% !important;
margin-left: auto !important;
margin-right: auto;
float: none !important;
}
.acc-sec-1 .icon-col .icon-wrapper{
margin-bottom: 25px;
}
.quote-top-title{
padding: 0 !important;
}
.tabs-sec ul#tabNav li a{
font-size: 16px;
}
.tab-content .text-box h2{
font-size: 22px !important;
line-height: 22px !important;
margin-bottom: 8px !important;
}
.tab-content .text-box p{
font-size: 16px;
line-height: 22px;
}
.quote-top-title .site-title3,
.my-goals-quote .site-title3,
.bottom-form-sec .site-title3{
font-size: 36px;
}
.four-social-section .col-md-3{
max-width: 100%;
flex: 100%;
}
.profile-sec .col-md-6:first-child{
border-right: none !important;
}
.image-gallery .col-md-3{
margin-bottom: 50px;
}
.testimonial__img {
padding: 12px !important;
}
section.custom-masonary{
columns: auto !important;
}
.form-wrapper.home-form .form-inline input[type="submit"]{
padding: 10px 5px;
}
.flip-box-wrapper p{
padding: 40px;
font-size: 22px;
line-height: 34px;
}
.flip-box-wrapper{
margin-bottom: 15px;
}
.slickinner-wrapper{
display: inline-block !important;
}
.cross-section .slickinner-wrapper .inline-box{
width: 100%;
}
.home-new-section .form-wrapper.home-form h2{
text-align: center !important;
}
.inline-social .form-inline .nsl-container-block{
margin-right: 0 !important;
}
.form-sec-1{
width: 70% !important;
}
.form-sec-1.form-width-2{
width: 30% !important;
}
.policy-check{
margin-left: 0 !important;
}
.top-header-form .form-wrapper.home-form{
margin-left: -25px !important;       
}
}
@media only screen and (max-width: 640px) {
section.home-new-section.home-sec-1{
padding: 40px 0 0 !important;
}
.tab-content .text-box{
width: 40% !important;
left: 24% !important;
}
.tab-content .text-box h2{
font-size: 14px !important;
}
.tab-content .text-box p{
font-size: 12px;
line-height: 16px;
}
.tabs-sec ul#tabNav li a{
font-size: 12px !important;
}
.tabs-sec ul#tabNav li a span{
font-size: 12px !important;
}
.count-me-btn{
width: 45%;
left: 15px !important;
}
.count-me-btn a{
width: 100% !important;
}
.custom-seachform{
right: 15px !important;
}
.people-popup .modal-dialog{
max-width: 590px !important;
}
.people-popup-control button {
width: 30% !important;
font-size: 14px;
}
body div.nsl-container-block .nsl-container-buttons a{
max-width: 70% !important;
}
.acc-sec-1 .site-title3{
font-size: 36px;
}
.top-header-form .form-wrapper.home-form{
width: 65% !important;    
}
}
@media only screen and (max-width: 575px) {
.number span {
width: 40px !important;
height: 40px !important;
line-height: 36px !important;
font-size: 20px !important;
}
section.home-new-section.home-sec-1 {
background-position: -460px center !important;
background-repeat: no-repeat !important;
position: inherit !important;
padding-top: 100px !important;
}
.policy-check span.wpcf7-list-item-label{
color: #fff !important;
background: rgba(0, 0, 0, 0.6) !important;
padding: 5px !important;
}
.row.vh-center.top-header-form .col-md-8.p-0 {
padding: inherit !important;
}
.blog-header-img{
padding: 30px 0 30px 15px !important;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a{
font-size: 14px;
}
.post-navigation svg.icon.icon-arrow-left, svg.icon.icon-arrow-right{
width: 16px;
height: 16px;
}
.section-title.title-bg{
padding: 65px 0;
}
.section-title h2{
font-size: 22px;
line-height: 28px;
}
.acc-sec-1 .site-title3{
font-size: 30px;
}
section.acc-sec-1{
padding: 40px 0;
}
.tab-content .text-box{
width: 35% !important;
left: 20% !important;
}
.modal-dialog{
margin: 1rem;
}
section.confirm-msg{
padding: 60px 0 !important;
}
.confirm-msg-wrapper h2{
font-size: 28px;
line-height: 38px !important;
}
.home-sec-1 .image-wrapper{
width: 300px;
margin: 0 auto;
}
.home-sec-1 .image-wrapper img{
width: 100%;
}
.two-social-media a{
width: 70%;
margin-bottom: 5px;
}
.policy-check span.wpcf7-list-item-label{
width: 81% !important;    
}
.home-sec-1 .text-wrapper h2{
font-size: 36px; 
}
.home-sec-1 .text-wrapper h3{
padding: 0 35px;    
}
}
@media only screen and (max-width: 480px) {
section.home-new-section.home-sec-1 {
background-position: -160px center !important;
padding-top: 120px !important;
}
.top-header-form .form-wrapper.home-form{
width: 100% !important; 
margin-left: -25px !important;
margin-top: -75px !important;
}
.policy-check span.wpcf7-list-item-label{
font-size: 10px !important;
margin-left: 10px !important;
}
.policy-check{
padding:0 !important;
}
span.wpcf7-list-item{
margin:0 !important;
}
.timeline{
margin-left: 125px !important;
}
.news-letter .flip-box-wrapper p{
padding: 40px;
font-size: 24px;
line-height: 36px;
}
.flip-box-wrapper{
margin-bottom: 15px;
}
.post-navigation h2{
font-size: 20px;
}
.tabs-sec ul#tabNav{
position: relative !important;
width: 100% !important;
}
.tabs-sec .tab-content .tab-section-inner{
position: relative;
height: 320px;
}
.tab-content .text-box{
width: 80% !important; 
left: 0 !important;
transform: none !important;
top: 160px !important;
padding: 15px;
}
.tabs-sec ul#tabNav li a{
font-size: 16px !important;
padding: 10px 0 11px 15px !important;
}
.tabs-sec ul#tabNav li a span{
font-size: 14px !important;
}
.blog-archive-title.row h2{
font-size: 26px !important;
}
.form-wrapper{
padding: 15px !important;
}
.count-me-btn{
bottom: 0 !important;
width: 90% !important;
bottom: 10px !important;
}
.count-me-btn a{
border: 2px solid #fff;
}
.custom-seachform{
bottom: -55px !important;
right: 5% !important;
width: 90%;
}
.custom-seachform input#keyword{
max-width: 90% !important;
width: 90% !important;
}
body div.nsl-container-block .nsl-container-buttons a{
max-width: 100% !important;
}
.popup-form-btn{
width: 48%;
}
.modal-body.custom-modal-body{
width: 90% !important;
}
.testi-style-2 .testimonial_image, .testimonial_image{
top: 0 !important;
left: 45% !important;
width: 55px !important;
}
.testimonial__text{
max-width: 100% !important;
}
.testimonial__text h3{
font-size: 18px;
}
.testimonial__text p{
font-size: 16px;
}
.testimonial__title{
font-size: 24px !important;
}
.tab-content .text-box h2{
font-size: 16px !important;
}
.tab-content .text-box p{
font-size: 14px;
line-height: 18px;
}
.form-wrapper.home-form .form-inline input[type="submit"]{
padding: 10px 5px;
}
.custom-accordion button.btn.btn-link{
white-space: normal;
padding: 10px 10px 10px 10px !important;
}
.profile-sec .profile-wrapper .profile-text h2,
.image-gallery h2.site-title3,
.quote-top-title .site-title3,
.bottom-form-sec .site-title3{
font-size: 28px;
}
.quote-top-title img{
width: 70px !important;
}
p.people-desc{
padding: 0 0 15px!important;
}
.form-wrapper.home-form h2{
font-size: 24px;
}
}
@media only screen and (max-width: 414px) {
.support-banner-bg {
background: #62c3d0 !important; 
}
.support-banner-text h2{
text-align: center !important;
}
section.home-new-section.home-sec-1 {
background-position: -845px center !important;
padding-top: 260px !important;
}
.top-header-form .form-wrapper.home-form {
margin-left: 0 !important;
}
.news-letter .flip-box-wrapper p{
font-size: 24px;
line-height: 36px;
}
.policy-check span.wpcf7-list-item-label{
width: 85% !important;
}
.inline-social .custom-form-group,
.inline-social .form-inline .nsl-container-block{
width: 100% !important;
}
.custom-site-footer .row{
width: 100%;
}
.nav-previous, .nav-next{
width: 100% !important;
margin: 0 0 10px;
}
body label.label-half{
width: 100% !important;
}
section.all-support-list .people-box.col{
margin: 10px auto;
width: 46% !important;
flex-basis: 45% !important;
}
p.people-desc{
padding: 0 15px !important;
}
.people-detail img{
width: 100% !important;
height: auto !important;
} 
.modal-footer{
padding: 0;
}
.popup-form-btn{
width: 100%;
padding: 15px;
margin: 0 0 15px !important;
}
section.quote-section{
padding: 40px 0;
}
.popup-social-button a{
padding: 15px 0 !important;
}
.two-social-media a{
padding: 15px !important;
}
}
@media only screen and (max-width: 375px) {
.mobile-image img {
width: 130% !important;
margin-left: -55px;
}
.mobile-image{
display:block !important;
}
.top-header-form .form-wrapper.home-form{
margin-left: 0px !important;
}
section.home-new-section.home-sec-1 {
background-position: -940px center !important;
padding-top: 120px !important;
background: #7fcdd7 !important;
}
.form-wrapper.home-form h2 {
font-size: 20px;
margin-bottom: 0;
}
a.navbar-brand.custom-brand img {
max-width: 180px !important;
}
.navbar-brand{
margin-right: 0 !important;
}
.navbar-toggler {
padding: 2px 8px !important;
}
.navbar-toggler div {
width: 20px !important;
height: 2px !important;
}
.timeline p span {
position: relative !important;
left: 0 !important;
display: inline-block;
width: 100%;
}
.timeline p:before {
left: -18px !important;
}
.timeline {
width: 100% !important;
margin-left: 0 !important;
border-left: none !important
}
.tab-content .text-box{
width: 100% !important;
}
.testimonial__text{
padding: 25px 15px !important;
}
.testi-style-2 .testimonial_image, .testimonial_image{
left: 45% !important;
}
.testimonial__title{
font-size: 28px;
}
section.signature-section .signature-wrapper img{
width: 100%;
}
.slickinner-wrapper p{
padding-right: 0;
}
.form-sec-1.form-width-2 {
width: 100% !important;
margin-top: 10px;
}
.form-sec-1 {
width: 100% !important;
}
.copyright-wrapper p{
font-size: 12px;    
}
}
@media only screen and (max-width: 320px) {
.header-social-icons .social li i {
width: 25px !important;
height: 25px !important;
line-height: 25px !important;
font-size: 10px !important;
}
.news-letter .form-wrapper{
padding: 15px;
}	
.form-wrapper.home-form .form-inline input[type="submit"]{
padding: 10px 10px;
}
.news-letter .flip-box-wrapper p{
padding: 15px;
font-size: 18px;
line-height: 26px;
}
section.full-width-sec.bottom-cta h2{
font-size: 22px;
}
.policy-check span.wpcf7-list-item{
margin: 0;
}
a.navbar-brand.custom-brand img{
max-width: 200px;
}
.navbar-toggler{
font-size: 1rem;
}
section.news-letter{
padding: 40px 0 0;
}
.blog-archive-title.row h2{
font-size: 26px !important;
}
.tabs-sec .tab-content .tab-section-inner{
height: 280px;
}
.tab-content .text-box{
top: 100px !important;
}
.custom-tab-wrapper img{
max-height: 150px;
}
.bottom-form-sec .form-wrapper{
padding: 15px;
}
.quote-top-title .site-title3, .my-goals-quote .site-title3, .bottom-form-sec .site-title3{
font-size: 26px;
}
.profile-sec .col-md-6:last-child{
padding-left: 0 !important;
}
.people-popup-control button{
width: 30% !important;
}
.custom-accordion i.fa-times,
.custom-accordion i.fa-angle-down{
display: none;
}
.custom-accordion button.btn.btn-link{
white-space: normal;
}
h5#exampleModalLabel{
font-size: 20px !important;
}
p.popup-subtitle{
font-size: 16px;
}
.modal-header .close{
font-size: 24px;
width: 30px;
height: 30px;
}
div.nsl-container .nsl-button-default span.nsl-button-label-container{
font-size: 12px !important;
margin: 0px 24px 0 0px !important;
}
.two-social-media a, 
.copy-share-link input{
width: 100% !important;
font-size: 14px;
}
.people-popup .modal-footer{
padding: 0 15px 15px;
}
.people-popup-control button{
padding: 0;
}
.copyright-wrapper p{
font-size: 10px;
}
section.home-new-section.home-sec-1 {
background-position: -1000px center !important;
}
ul.footer-links, ul.social{
font-size: 12px;
}
}