@media screen and (min-width:1200px) and (max-width:1400px) {

    .container {

        max-width: 1340px;

    }

}



@media screen and (max-width:1200px) {

    .navbar-brand img {

        max-width: 150px;

    }



    header .main-header .menu li a {

        font-size: 15px;

    }





    header .main-header .menu {

        gap: 20px;

    }



    h1 {

        font-size: 48px;

    }



    header .user-content .primary-btn {

        font-size: 18px;

    }







}



@media screen and (max-width:1080px) {

    h2 {

        font-size: 40px !important;

    }



    .hero {

        padding: 200px 20px 200px;

    }



    footer .btn-box img {

        max-width: 150px;

    }



    .blog {

        padding: 70px 0;

    }





    h3 {

        font-size: 28px;

    }



    footer .grid {

        grid-template-columns: 2fr 1fr 1fr 2fr 1fr;

        column-gap: 20px;

    }

.gallery-main {

    padding: 60px 0;

}

.gallery-main .grid {

    grid-template-columns: 1fr 1fr;

}

.result,

.company-logo,

.service-detail,

.the-support,

.blog-detail,

.contact-us,

.convience,

.testimonial.about,

.about-box {

    padding: 60px 0;

}

.contact-us .contact-box {

    padding: 20px;

}

.service-detail {

    background-size: 200px;

    background-position: 95% 52%;

}

.swiper.service-swiper {

    padding-left: 20px;

    padding-right: 20px;

}

.slider-arrows .swiper-button-prev {

    left: 0px;

    width: 16px;

}

.slider-arrows .swiper-button-next {

    right: 0px;

    width: 16px;

}

section.trainer-feedback .col-lg-3.col-md-6{

    margin-bottom: 15px;

}

.the-support .grid-box .grid-item {

    margin-bottom: 30px;

}
.testimonial .testimonail-section .slider-box {
    grid-template-columns: 6fr 3fr;
    gap: 20px;
}
.testimonial .testimonail-section:nth-child(even) .slider-box {
    grid-template-columns: 3fr 6fr;
}
.login-box{
    padding: 60px 0;
}
}



@media screen and (max-width:991px) {

    header {

        padding: 15px 0px;

    }



    .header-top {

        padding: 10px 0;

    }



    .navbar-brand img {

        max-width: 180px;

    }



    header .main-header .menu {

        background-color: #000;

        gap: 5px;

        align-items: flex-start;

    }



    header .main-header .menu li a {

        color: #fff;

        padding: 10px !important;

    }



    header .offcanvas-header {

        padding-left: 15px !important;

        background-color: #000000;

        padding-right: 15px;

        border-bottom: 2px solid #fff;

    }



    header .offcanvas-body {

        background-color: #000;

    }



    .hero h1 {

        font-size: 50px;

    }



    .blog {

        padding: 60px 0;

    }



    .blog .content-box h3 {

        font-size: 20px;

    }





    .blog .detail-box {

        padding: 10px 10px 30px 10px;

    }





    footer .grid {

        grid-template-columns: 4fr 2fr 2fr;

        gap: 35px;

    }





    h3 {

        font-size: 25px;

    }



    .blog-main {

        padding: 50px 0;

    }



    .blog-main .content {

        margin-bottom: 50px;

    }



    .blog-main .blog .blog-box {

        margin-bottom: 60px;

    }



    .hero {

        padding: 150px 10px 100px;

    }



    .testimonial,

    .gallery,

    .join-us,

    .trainer,

    .who-we-are {

        padding: 60px 0;

    }



    .our-experience {

        padding: 40px 0;

    }



    .heading_box p {

        font-size: 20px;

        margin-bottom: 30px;

    }



    .blog .col-lg-4.col-md-6,

    .join-us .col-lg-4.col-md-6,

    .trainer .col-lg-3.col-md-6 {

        margin-bottom: 30px;

    }



    .blog .primary-btn,

    .gallery .primary-btn,

    .trainer .primary-btn {

        margin-top: 30px;

    }



    .join-us .join-heading {

        margin-bottom: 30px;

    }



    .gallery .main-row {

        grid-template-columns: 3fr 3fr;

    }



    .testimonial .slider-box {

        grid-template-columns: 3fr 3fr;

        padding-bottom: 30px;

    }



    .testimonial .slider-box .content_box .content {

        padding: 20px;

    }



    .testimonial .slider-box .content_box .content h4 {

        font-size: 25px;

    }



    .testimonial .swiper.customer-reviews-swiper {

        padding-bottom: 30px;

    }



    .gallery::before {

        background-size: 200px;

        width: 100%;

        height: 100%;

        background-position: bottom left;

        bottom: -63px;

    }



    .gallery::after {

        background-size: 200px;

        top: -63px;

        width: 100%;

        height: 100%;

        background-position: top right;

    }

    .inner-hero {

    padding: 150px 0 100px;

}

.inner-hero.train_detail{

    padding-bottom: 150px;

}

.testimonail-section {

    padding: 60px 0;

}

/* .testimonial .testimonail-section:nth-child(even) .slider-box {

    grid-template-columns: 3fr 3fr;

} */

.testimonial .pagination {

    padding-bottom: 60px;

}

.about-box .img_box img{

    margin-bottom: 20px;

}

.blog-detail .recent-box .social, .blog-detail .recent-box .tag, .blog-detail .recent-box .recent-post {

    margin-bottom: 20px;

    padding: 15px;

}

.blog-detail .recent-box .social h4, .blog-detail .recent-box .tag h4, .blog-detail .recent-box .recent-post h4 {

    margin-bottom: 15px;

}

.blog-detail .recent-box .post-content p {

    font-size: 16px;

    line-height: normal;

}

.service-detail .service-box .img_box img {

    margin-bottom: 10px;

}
header .main-header .menu li.position-relative a {
    margin: 0 !important;
    padding-right: 0 !important;
}
.who-we-are .row.img-box .col-md-6:last-child {
    margin-top: -260px;
}
header .main-header .menu li.position-relative button {
    padding: 10px;
}
.service-detail .service-box .img_box img {
    height: 450px;
}
}



@media screen and (max-width:767px) {

    h2 {

        font-size: 30px !important;

    }



    .header-top .d-flex.justify-content-between {

        display: block !important;

        font-size: 14px;

    }



    .header-top {

        padding: 10px 0;

    }



    .header-top .social-icons {

        justify-content: center;

        margin-top: 6px;

    }



    .navbar-brand img {

        max-width: 140px;

    }



    header button.btn.btn-canvas {

        font-size: 20px;

        padding: 5px 11px;

        height: 40px;

    }



    header {

        padding: 10px 0px;

    }



    .header-top .social-icons {

        gap: 15px;

    }



    .hero h1 {

        font-size: 44px;

    }



    .hero {

        padding: 120px 10px 80px;

    }



    .our-experience {

        padding: 25px 0;

    }



    .our-experience .experience-box h3 {

        margin-bottom: 0;

    }



    .our-experience .col-md-3.col-6 {

        margin-bottom: 6px;

        margin-top: 6px;

    }



    .testimonial,

    .gallery,

    .join-us,

    .trainer,

    .who-we-are {

        padding: 35px 0;

    }



    .heading_box p {

        font-size: 16px;

    }



    .heading_box p br {

        display: none;

    }



    h4 {

        font-size: 20px;

    }



    p {

        font-size: 16px;

    }



    .who-we-are .content li {

        gap: 17px;

        margin-bottom: 25px;

    }



    .blog .primary-btn,

    .gallery .primary-btn,

    .trainer .primary-btn {

        margin-top: 20px;

    }



    .primary-btn {

        font-size: 16px;

        height: 45px;

    }



    .join-us .join-heading {

        flex-direction: column;

        gap: 20px;

    }



    .join-us .join-heading .heading-box p {

        margin-bottom: 10px;

        text-align: center;

    }



    .gallery .main-row {

        grid-template-columns: 1fr;

    }



    .testimonial .slider-box {

        grid-template-columns: 1fr;

    }



    .testimonial .slider-box .img-box {

        display: none;

    }



    .testimonial .slider-box .content_box .content h4 {

        font-size: 22px;

    }



    .testimonial .slider-box .content_box img {

        width: 50px;

    }



    .blog {

        padding: 40px 0;

    }



    .blog .text-box h2 {

        margin-bottom: 40PX;

    }



    .blog .text-box p {

        margin-bottom: 5px;

    }





    footer .grid {

        grid-template-columns: 1fr;

        gap: 25px;

    }



    .blog .blog-box .btn {

        font-size: 16px;

        padding: 10px 20px;

    }





    h3 {

        font-size: 22px;

    }



    .testimonial .swiper.customer-reviews-swiper {

        padding-bottom: 15px;

    }



    .trainer.services .col-lg-3.col-md-6 {

        margin-bottom: 20px;

        width: 50%;

    }



    .gallery::after {

        background-size: 125px;

        top: -39px;

    }



    .gallery::before {

        background-size: 125px;

        bottom: -40px;

    }



    .blog .col-lg-4.col-md-6,

    .join-us .col-lg-4.col-md-6,

    .trainer .col-lg-3.col-md-6 {

        margin-bottom: 20px;

    }

    .inner-hero {

    padding: 100px 0 90px;

}

.inner-hero.train_detail{

    padding-bottom: 120px;

}

h1 {

    font-size: 40px;

}

.testimonail-section {

    padding: 30px 0;

}

.testimonial .pagination {

    padding-bottom: 30px;

}

.testimonail-section .slider-box{

    padding-bottom: 0px;

}
.testimonial .testimonail-section .slider-box,
.testimonial .testimonail-section:nth-child(even) .slider-box {

    grid-template-columns: 1fr;

}

.testimonial .testimonail-section:nth-child(even) .slider-box .content_box .content {

    margin-right: 30px;

}

.gallery-main .grid {

    grid-template-columns: 1fr;

}

.result,

.company-logo,

.the-support,

.service-detail,

.blog-detail,

.contact-us,

.convience,

.testimonail-section,

.testimonial.about,

.about-box {

    padding: 35px 0;

}

.about-box h2 {

    margin-bottom: 10px;

}

.about-box p {

    margin-bottom: 10px;

}

.contact-us .heading_box p {

    font-size: 16px;

}

.contact-us .contact-box h4 {

    font-size: 22px;

}

.contact-us .contact-box {

    margin-bottom: 15px;

    height: auto;

}

.contact-us .contact-box h4 {

    margin-bottom: 5px;

}

.contact-us .form_box {

    margin-top: 30px;

}

.contact-us form {

    padding: 15px;

    margin-bottom: 20px;

}

.contact-us .map iframe {

    height: 475px;

}

.blog-detail .blog-details-box {

    grid-template-columns: 1fr;

    gap: 20px;

}

.blog-detail-listing .blog-description .author-box {

    margin-top: 25px;

}

.blog-detail-listing .blog-description .author-box img {

    width: 60px;

    height: 60px;

}

.blog-detail-listing .blog-description .author-box h4{

    font-size: 20px;

}

.blog-detail-listing .blog-description .author-box h5 {

    font-size: 16px;

    text-align: center;

}

.blog-detail-listing .blog-description  .text-box h4 {

    font-size: 20px;

    margin-top: 25px;

    margin-bottom: 15px;

}

.blog-detail-listing .blog-description  .text-box p {

    margin-top: 15px;

}

.blog-detail .recent-box .input-box {

    display: none;

}

.service-detail .service-box p {

    margin-top: 15px;

}

.service-detail .service-box h4 {

    margin-top: 25px;

}

.service-detail .service-box  .text-box ol, .service-detail .service-box  .text-box ul {

    margin-top: 15px;

}

.service-detail {

    background-size: 0px;

}

.trainer-feedback .feedback-box {

    padding: 15px;

}

.trainer_detail .about-box .grid-box {

    gap: 10px;

}

.trainer_detail .about-box .grid-box .item {

    padding: 10px;

}

.the-support .grid-box .inner-grid {

    gap: 20px;

}

.the-support .grid-box .inner-grid .card-image {

    padding: 20px;

}

.the-support .grid-box .grid-item {

    margin-bottom: 20px;

}

.the-support .grid-box .grid-item {

    grid-template-columns: 1fr;

    gap: 15px;

    padding: 15px;

}

.the-support .grid-box .grid-item .card-image .main-img {

    width: 100%;

}

.result .content_box p,

.the-support .content_box p {

    margin: 20px 0;

}

.result .trainer-img img {

    margin-bottom: 30px;

}

.result .text_box {

    gap: 25px;

}

.result .content_box .btn,

.the-support .content_box .btn{

    font-size: 16px;

}
.who-we-are .row.img-box .col-md-6:last-child {
    margin-top: 20px;
}
.blog .content-box h4 {
    height: auto;
}
.blog .content-box p {
    height: auto;
}
.login-box{
    padding: 30px 0;
}
.service-detail .service-box .img_box img {
    height: 300px;
}
}