


@media (min-width: 1440px) {
 
}

@media (max-width: 1366px) {
  


    
}

@media (max-width: 1199px) {
 
    section.banner-block {
        height: 100vh;
        max-height: 800px;
    }

    .banner-content h1, .inner-banner-content h1 {
        font-size: 45px;
        line-height: 60px;
    }

    .description-block .content-block p {
        font-size: 27px;
        line-height: 50px;
    }

    .footer-content p {
        font-size: 18px;
    }

    .social-link h2 {
        font-size: 15px;
    }

    .container {
            max-width: 960px;
        }

  
} 

@media (max-width: 1024px) {


    section.banner-block {
        max-height: 700px;
    }

    section.banner-block.career-banner {
    height: 100vh;
    max-height: 100vh;
}

    .fixed-top {
    padding: 20px;
}

.team-card img {
    max-width: 200px;
}

.map-section img {
    max-width: 100%;
}

.team-member-details p {
    font-size: 13px;
}

.social-link ul li {
    margin: 3px;
}


}

@media (max-width: 990px) {

    .header .web-btn {
    margin:20px 0 0;
}

.header .web-btn {
    max-width: 200px;
    margin: 90px auto;
} 

.contact-page-banner h2 {
    font-size: 30px;
    margin: 20px 0 10px;
}

    .header .dropdown:hover>.dropdown-menu {
        display: none;
    }
    .header .nav-accounty .active > .nav-link:before,
    .header .nav-accounty .nav-link:hover:before {
        content: '';
        width: 15px;
    }
    .active-drop .dropdown-toggle::after{
        border-top: 0;
        border-bottom: .3em solid;
    }
    .header .dropdown.active-drop >.dropdown-menu {
        display: block;
        position: initial;
        width: 100%;
        left: -34%;
        margin: 10px 0px;
    }
    /**HOMEPAGE**/
    .header .nav-accounty .dropdown-menu{
        border-radius: 0;
    }
   

    .nav-accounty .navbar-toggler-icon {
        background: #b1120c;
        border-radius: 50px;
    }

    .nav-accounty .navbar-toggler-icon {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        padding: 6px 10px;
    }


    .nav-accounty .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {
        content: "\f0c9";
        font: normal normal normal 14px/1 FontAwesome;
        color: #fff;
        font-size: 1.5rem;
    }

    .nav-accounty .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
        content: "\f00d";
        font: normal normal normal 14px/1 FontAwesome;
        color: #fff;
        font-size: 1.5rem;
    }

    .nav-accounty .navbar-toggler,
    .nav-accounty .navbar-toggler:focus, .navbar-toggler:hover {
        outline: none;
        z-index: 999;
    }

    .nav-accounty .navbar-collapse {
             position: absolute;
        left: 0;
        height: 100vh;
        background: #000;
        top: 0;
        z-index: 99;
        width: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        transition: all 0.2s ease-in-out;
        padding-top: 40px;
    }

    .nav-accounty .navbar-collapse.collapse.show {
        width: 100%;
        left: 0;
        transition: all 0.2s ease-in-out;
        max-width: 400px;
    }

.navbar-brand {
    position: relative;
    z-index: 999;
}

  .nav-accounty .navbar-nav {
            margin: 0 !important;
        text-align: left;
        width: 100%;
        padding-top: 70px;
    } 

    .nav-accounty .navbar-nav li {
        position: relative;
       padding: 0 !important; 
    }

    .header .nav-accounty .nav-link:before{
        content: '';
        width: 20px;
        height: 2px;
        background: #d60303;
        display: block;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .header .nav-accounty .nav-link:before{
display:none;
}

    .header .nav-accounty .nav-link:hover:before{
        width:0;
    }
    .error-404 h1 {
        font-size: 5rem;
        line-height: 5rem;
    }
    .error-404 h2 {
        font-size: 1rem;
        line-height: 1rem;
    }
    .error-404 p {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    .blogs.search .error-404 h1 {
        font-size: 2rem;
        line-height: 2rem;
    }
    .blogs.search .error-404 h2 {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    .header .nav-accounty .nav-link {
        position: relative;
    }

    .header .nav-accounty .dropdown-menu .nav-item {
        border-bottom: 0;
    }

    .header .nav-accounty .dropdown-menu .nav-item .nav-link {
        color: #222;
        text-align: center;

    }

    .header .nav-accounty .dropdown-menu {
        min-width: 250px;
        border-radius: 0;
        border: 0;
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .header .nav-accounty .dropdown-menu .nav-item .nav-link{
        padding: 0.7rem 1.5rem !important;
    }

    .header .nav-accounty .nav-link.nav-btn {
        margin-top: 20px;
    }

    .header .nav-accounty .dropdown-menu .nav-item:hover a:before {
        background: #fff;
    }


 .header .navbar-nav .nav-link {
        display: block;
        padding: 12px 20px !important;
        background: transparent;
        border-bottom: 1px solid #262626;
    }

    .header .navbar-nav .nav-link:hover {
    background-image: -moz-linear-gradient(0deg, rgb(238, 90, 148) 0%, rgb(235, 0, 103) 0%, rgb(244, 0, 0) 0%, rgb(155, 9, 9) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(238, 90, 148) 0%, rgb(235, 0, 103) 0%, rgb(244, 0, 0) 0%, rgb(155, 9, 9) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(238, 90, 148) 0%, rgb(235, 0, 103) 0%, rgb(244, 0, 0) 0%, rgb(155, 9, 9) 100%);
    color: #fff;
}

.scroll .fixed-top {
    padding:20px;
    transition: all 0.5s ease-in-out;
}


.description-block .content-block p br {
    display: none;
}

section.banner-block.career-banner:after {
    right: -50%;
}

}


@media (max-width: 860px) {

  
}

@media (max-width: 768px) {

    

    .faq-section .faq-list {
        margin: 0;
        padding: 0;
    }
    .footer-block {
        padding: 0 0 30px 0;
    }
    .footer-credit span:first-child {
        display: block;
    }

    .header-banner {
        background-size: cover;
    }

    .container {
        width: 100%;
    }



.footer_association_list img {
    max-height: 130px;
    max-width: 100px;
}

}

@media (max-width: 767px) {

    .modal-body {
    text-align: center;
}

    .nav-accounty .navbar-collapse.collapse{
        max-width: 100%;
    }

    .wpcf7-response-output {
    bottom: -10px;
    font-size: 12px;
}

    .contact-page-banner h2 {
    font-size: 24px;
}

.footer-logo img {
    max-width: 220px;
}

.common-padding {
    padding: 40px 0;
}

.contact-page-banner p {
    font-size: 13px;
}

.contact-page-banner p br {
    display: none;
}

.form-block {
    max-width: 100%;
    margin: 15px 0;
}

section.banner-block.career-banner:after{
        display: none !important;
    }

    .inner-banner-content p {
    font-size: 14px;
    line-height: 28px;
}

.web-btn {
    padding: 16px 10px;
    font-size: 14px;
}

.map-content-section h2 {
    font-size: 28px;
}

    section.banner-block.career-banner {
        height: inherit;
        max-height: 100vh;
    }


.team-lists li {
    width: 50%;
}

.team-member-image {
    max-height: 180px;
}

.team-lists h2 {
    font-size: 18px;
}

section.team-banner {
    overflow: hidden;
}

    .header img {
    max-width: 220px;
}

.banner-content h1, .inner-banner-content h1 {
  font-size: 32px;
        text-align: center;
        line-height: 40px;
}

section.banner-block {
    height: inherit;
    padding: 120px 0;
}

.description-block .content-block p {
    font-size: 18px;
    line-height: 34px;
}

    .footer-content p {
        text-align: center;
        font-size: 14px;
    } 

.footer-content {
    padding: 18px 0;
}

.footer-content.social-link {
    text-align: center;
}

.copyright-block {
    font-size: 12px;
    padding-bottom: 20px;
}


.plan-feature.plan-feature-th {
     display: none; 
}
.plan-details.desktop {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.plan-list .plan-item .plan-arrow {
    transform: rotate(-92deg);
    top: 10px;
    right: -33px;
    left: auto;
}
.plan-name {
    display: block;
    font-weight: 600;
}
}

@media (max-width: 560px) {
    .plan-details.desktop{
        display: none;
    }

    .plan-details.mobile{
        display: block;
    }
/* 3 Oct 2019*/



.service-box .service-name {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    padding-top: 10px;
}

.services .service-box {
    margin-bottom: 30px;
}


.services .service-box .service-logo img {
    min-width: 180px;
    width: 180px;
}

.testimonial-carousel .owl-nav .owl-prev {
    left: 0;
}

.testimonial-carousel .owl-nav .owl-next {
    right: 0;
}

.testimonial-carousel .owl-nav .owl-pre-arrow {
    width: 25px;
    height: 25px;
}

.testimonial-carousel .owl-nav .owl-next-arrow {
    width: 25px;
    height: 25px;
}

main.page-section.inner-page {
    margin-top: 20px;
}

.blog-content {
    padding-bottom: 0;
}

.other-custom-service {
    padding:20px 0;
}

.section-one-image {
    max-width: 100%;
}

.section-one-content-detail {
    box-shadow: none;
    padding: 0px;
}






/* 3 Oct 2019 */

    .header {
        width: 100%;
    }

    .blog-post-content {

        font-size: 0.8rem;
    }
    .section-one,
    .section-two,
    .section-four{
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .section-three{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .section-one-content,
    .section-two-content,
    .section-three-content,
    .section-four-content{
        padding: 0;
    }
    .promo-section .promo-btn .btn {
        padding: 5px 22px;
        font-size: 16px;
    }
    .quote-contact-form .wpcf7-response-output{
        bottom: 5px;
    }
    .testimonial-logo {
        padding: 0;
    }
    /**HOMEPAGE**/
    .nav-footer {
        padding: 0 0 30px 0;
    }

    .blogs {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .search-widget {
        flex-wrap: wrap;
        padding: 10px 0;
    }

    .search-widget .widget_search {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 15px;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px
    }

    .search-widget .widget_category {
        display: block;
        width: 100%;
        position: relative;
        padding-bottom: 5px;
    }

    .search-widget .widget_category select {
        width: 100%;
    }

    .sharethis-inline-share-buttons {
        margin-left: 0;
    }

    .blog-single-post h1 {
        font-weight: 400;
        font-size: 2rem;
    }

    .nav-footer .navbar-nav {
        flex-wrap: wrap;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .nav-footer .navbar-nav li {
        flex: 0 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        padding: 0.5rem 0 !important;
    }

    .promo-section .promo-content p {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .footer_association_list li {
        display: flex;
        margin: 0 20px;
        flex: 0 100%;
    }

    .blog-box {
        margin-bottom: 20px;
    }

    .container {
        width: 100%;
    }

    .footer_association_list {
        flex-wrap: wrap;
    }

      .aboutus-img img {
        max-width: 100%;
    }

    .about-goals:before {
        display: none;
    }

    .about-goal {
        text-align: center;
        margin-bottom: 20px;
    }

    .about-goal .goal-icon {
        margin: 0 auto;
        display: flex;
        flex: 100%;
        top: 0;
    }

    .about-goal .goal-content {
        display: block;
        width: 100%;
        margin: 15px 0 0 0;
    }

    .about-goal.active .goal-content {
        margin: 0;
    }

    .about-goal.active .goal-content:after,
    .about-goal.active .goal-content:before {
        display: none;
    }

    .footer-block .footer-block-two .form-inline {
        border-radius: 15px;
        padding: 30px 10px;
    }

    .footer-block .footer-block-two .form-inline .wpcf7-form-control-wrap {
        width: 100%;
        margin-bottom: 15px;

    }

    .footer-block .footer-block-two .form-inline .wpcf7-form-control-wrap input {
        border-bottom: 1px solid #e83c66;
        border-radius: 0;

    }

    .footer-block .footer-block-two .form-inline .wpcf7-submit {
        right: 0;
        margin: 0 auto;
    }

    .footer-block .footer-block-two div.wpcf7-response-output {
        bottom: -45px;
    }

    .footer_association_list li {
        flex: 0 36%;
        margin-bottom: 30px;
    }

    .footer_association_list li img {
        width: 100%;
    }

    .footer-association {
        padding: 50px 30px 0 30px;
    }

    .footer-block {
        padding: 0 0 30px 0;
    }

    .about-goals {
        text-align: center;
    }

    .about-goals .btn {
        margin: 0;
    }

    .ac-slide .slide-content h3 {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    .ac-slide .slide-content h2 strong, .ac-slide .slide-content h3 strong {
        font-size: 2.7rem;
    }

    .ac-slide .slide-content {
        width: 100%;
    }

    .ac-slide .slide-content h2 {
        font-size: 1.1em;
        font-weight: 400;
    }

    .ac-slide .slide-mascot {
        margin-bottom: -150px;
        left: 20px;
        margin-top: 20px;
        position: relative;
    }

    .footer-block .footer-block-two .form-inline .ajax-loader {
        right: 10%;
        top: 100px;
    }

    .scroll-down {
        left: 30px;
        bottom: calc(-100% - 20%);
    }

    .ac-slide .slide-mascot img {
        width: 60%;
    }

    .otherservices-item {
        flex: 0 100%;
        margin-right: 0;
    }

    .pricing-features {
        flex: 0 100%;
        flex-direction: column;
    }

    .pricing-features .pricing-feature:after {
        content: '';
        width: 100%;
        height: 1px;
        top: inherit;
        right: 0;
        bottom: 0;
    }

    .pricing-features .pricing-feature {
        margin-bottom: 25px;
        width: 100%;
    }

    /**Service**/
    .header-banner {
        background-size: cover;
    }

    .whyus-image {
        margin-bottom: 30px;
    }

    .whyus-content {
        padding-left: 0;
    }

    .section-one-content-detail {
        left: 0;
    }

    .section-four-image {
        float: left;
    }

    /*****/
    .plan-list > div {
        flex: 0 100%;
        margin-bottom: 50px;
    }

    .plan-list .plan-item .plan-arrow {
        display: none;
    }

    /*****/
    .form-check .addons .wpcf7-list-item {
        flex: 0 100%;
    }

    .process-list {
        display: flex;
        justify-content: center;
        align-items: start;
        flex: 1;
        align-content: center;
        padding: 30px 0;
        flex-direction: column;
        width: 100%;
    }

    .process-item {
        flex: 0 100%;
        width: 100%;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .process-list .process-item:before {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        top: inherit;
        right: 0;
        min-height: 1px;
        bottom: -15px;
    }

    .quote-feature-image {
        width: 90%;
        margin: 0 auto 30px auto;
        text-align: center;
    }

    .quote-feature-image img {
        max-width: 320px;
        margin: 0 auto;
    }


} 

@media (max-width: 575px) {


.service-section,.pricing-banner-section {
    background-image: none !important;
    background:#efefef !important;
} 

.blog-box .blog-content-inner h3 {
    min-height: initial;
}

.service-section .service-box {
    min-height: initial;
}


.blog-box .blog-content-inner .blog-expect {
    min-height: initial;
}

.pricing-features .pricing-feature .pricing-feature-heading {
    max-width: 90%;
    font-size: 17px;
        padding-bottom: 4px;
}


.page-template-other-services .header-banner-content {
    position: absolute;
    top: 20px;
    height: 100%;
    max-width:55%;
} 

.page-template-other-services section.header-banner {
    position: relative;
    height: 60vh;
}

.page-template-other-services .header-banner-mascot {
    position: absolute;
    right: 0;
    top: 40px;
} 

.page-template-other-services .header-banner-content h1 {
    line-height: 2rem;
    font-size: 25px;
}

.page-template-other-services .header-banner-mascot img {
    max-height: 230px;
}

.promo-watermark {
    font-size: 4rem;
    top: initial;
    bottom: -75px;
    left: 0;
    right: 0;
    margin: 0px auto;
} 
.promo-section{padding: 30px 0;}

    .plan-detail-inner{padding: 20px;    height: inherit;}

    .ac-slide .slide-mascot {
    left: 100px;
    margin-top: 0;
}

.ac-slide .slide-content h3 strong {
    font-size: 2.3rem;
}

.ac-slide .slide-content h3 {
   margin-bottom: 15px;
   font-size: 20px;
   line-height: 25px;
}

.ac-slide .slide-content h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    max-width: 60%;
}

.ac-slide .slide-mascot img {
    width: 70%;
}

.slider-content-block {
    position: absolute;
    padding: 10px 0 50px;
    max-width: 40%;
} 

.ac-slide .slide-content h3 strong {
    font-size: 20px;
}
.ac-slide .slide-content h3{
margin:10px 0px;
}
.ac-slide {
    padding: 160px 0 !important;
    background-size: cover;
    background-position: bottom center;
} 

.scroll-down {
    left: 30px;
    bottom: -33px;
} 
.content2-inner p {
    font-size: 14px;
    line-height: 25px;
    width: 100%;
}
.header-banner-mascot {
    max-width: 100%;
}
.section-one, .section-two, .section-four {
    margin:0;
}

.footer-block .widget {
    padding: 30px 0;
}
.navbar-toggler {
    padding: 0 !important;
}
.ac-slide .slide-content h2 {
    margin-bottom: 0;
}
.ac-slide .slide-content h3 {
    margin: 4px 0px;
}
.ac-pink-btn {
             margin: 10px 0 0;
}

.whyus-custom-img {
    display: none;
}

}


@media (max-width: 480px) {

    .ac-slide .slide-content h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    max-width:100%;
}
    .ac-slidem .row > div:first-child{
        z-index: 1;
    }
    /**HOMEPAGE**/
    .ac-slide {
        padding: 120px 0;
    }

    .ac-pink-btn {
        padding: 10px 24px;
        margin: 10px 0 0;
    }

    .aboutus-img img {
        max-width: 70%;
        margin: 0 auto;
        display: block;
    }

    .testimonials:before {
        content: '';
        width: 50%;
        height: 50%;
        top: 0;
        left: 0;
    }

   .aboutus-content h3 {
    font-size: 23px;
}

    .aboutus-content p {
        font-size: 0.8125rem;
        line-height: 1.625rem;
    }

    .about-goal .goal-content h3 {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .about-goal .goal-content {
        padding: 0;
    }

    .about-goal .goal-content .goal-para, .about-goal .goal-content .goal-para * {
        font-size: 0.8rem;
    }

    .about-goal.active .goal-content {

        box-shadow: none;
        border: 0;
    }

    .testimonials h3 {
        font-size: 1.1rem;
    }

    .testimonial-carousel-content strong {
        font-size: 1rem;
    }

    .footer-block .footer-block-one .widget .textwidget > div {
        text-align: left;
    }

    .footer-association {
        padding: 50px 0 0 0;
    }
    .aboutus-content {
    margin-bottom: 50px !important;
    }
    .about-goal {
    margin-bottom: 80px;
    }
    .about-goals .btn {
    margin: 0 0 45px 0 !important;
    }
    .services {
    padding: 50px 0 60px;
    }
    .blogs {
    padding-top: 60px;
    padding-bottom: 50px;
}
.header-banner-content h1 {
    line-height: 2rem;
    font-size: 35px;
}
.header-banner-content h2 {
    font-size: 18px;
    line-height: 2rem;
}
.header-banner-content p {
    font-size: 13px;
    line-height: 20px;
}
.whyus {
    padding: 0 0 80px;
}
.service-section .service-content h3 {
    font-size: 22px;
    padding: 0 0 20px;
    margin-bottom: .5rem;
}
.service-section {
    padding: 50px 0;
}
.faq-section {
    padding: 80px 0;
}
.pricing-banner-section {
    padding: 80px 0 80px;
}
.partner-section {
    padding: 70px 0 10px;
}
.pricing-features .pricing-feature {
    padding: 0 0 20px;
}
.pricing-features {
    padding: 30px 0 0;
}
.faq-section .faq-list .faq-item h3 {
    font-size: 18px;
    line-height: 26px;
}
.pricing-content h3 {
    font-size: 22px;
}
.blog-single-post {
    padding: 80px 0 50px;
}
.content2-inner h3 {
    font-size: 18px;
}
.whyus-content .ac-pink-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43%;
    margin: auto;
}
.otherservices-section {
    padding: 80px 0;
}
.plan-detail-inner {
    margin-left: 0;
    margin-right: 0;
}
.page-template-other-services .header-banner-content h2 {
    font-size: 14px;
    line-height: 22px;
}
.page-template-other-services .header-banner {
    padding: 150px 0 0 0;
}
.plan-list > .plan-details {
    margin-bottom: 10px;
}
#plans_section .mt-5, .my-5 {
    margin-top: 0;
}
#plans_section .pr-5, .px-5 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.blog .header-banner-content {
    position: absolute;
    max-width: 55%;
    padding: 110px 0;
}
.blog .header-banner-content h1 {
    font-size: 30px;
}
.blog .header-banner .text-center {
    text-align: right!important;
}
.quote-content .heading, .quote-content h1, .quote-content h3 {
    font-size: 20px;
}
.quote-content p {
    font-size: 14px;
}
.quote-contact {
    padding: 160px 0 80px;
}
#plans_section {
    padding: 160px 0 0;
}
.content2-inner p {
    font-size: 15px;
    padding: 10px;
}
.service-section .service-content {
    margin: 15px auto 40px auto;
}
.page-template-services .header-banner-para p br {
    display: none;
}
.pricing-features .pricing-feature {
    margin-bottom: 0px;
}
.blog-content h3 {
    margin: 0 0 20px;
}
.single-post .header-banner-content {
    position: absolute;
    max-width: 55%;
    padding: 110px 0;
}
.single-post .header-banner-content h1 {
    font-size: 30px;
}
.single-post .header-banner .text-center {
    text-align: right!important;
}
.blog-post-content {
    font-size: 0.9rem;
}
.quote-btn-block {
    padding-bottom: 30px;
}
}