@charset "utf-8";
/* This is Responsive CSS Starts */

/* Smartphones Small Size Starts----------- */
@media only screen and (min-width: 320px) and (max-width: 400px) {
    .breadcrumb li a{
        font-size: 12px;
    }
    .breadcrumb li{
        padding: 0 5px;
    }
    .li-style-icon {
       display: none;
    }
    .chat-screen{
        width: 300px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    /* Mobile Starts */
    .sticky-sec .header-bottom-sec{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .paw{
        display: none;
    }
    .header-top-sec{
        display: none;
    }
    .icon-open-menu::before {
        width: auto;
    }
    .header-bottom-sec .navbar-nav{
        display: none;
    }
    .menu-mobile-content-wrap-inner #menu-ul {
        align-items: inherit !important;
    }
    .menu-mobile-content-wrap-inner #menu-ul li{
        text-align: left;
    }
    .menu-mobile-content-wrap-inner #menu-ul li a span{
        font-family: 'Laila';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        color: #bfc9d2;
    }
    .menu-mobile-content-wrap-inner #menu-ul li.active a span,
    .menu-mobile-content-wrap-inner #menu-ul li a:hover span{
        color: #f5f9fa;
    }
    .menu-mobile-content-wrap.content-wrap {
        padding: 30px 15px;
    }
    .socials-mobile ul li {
        display: inline-block;
        margin-right: 25px;
    }
    .socials-mobile {
        float: left;
        position: relative;
        width: 100%;
        text-align: left;
        margin-top: 30px;
        padding-top: 25px;
    }
    .socials-mobile:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        content: '';
        width: 100%;
        height: 1px; 
        background-color: #525f6a;
    }
    .socials-mobile ul li a{
        color: #f5f9fa;
    }
    .menu-mobile-widgets-area{
        display: none;
    }
    /* Mobile Ends */

    /* Home Starts */
    .banner-sec .carousel-caption h6{
        font-size: 16px;
    }
    .banner-sec .carousel-caption h3 {
        font-size: 28px;
        line-height: 35px;
    }  
    .banner-sec .carousel-caption h3 br{
        display: none;
    }
    .banner-sec .carousel-caption {
        left: 15px;
        right: 15px;
        top: inherit;
        transform: inherit;
        bottom: 80px;
    }  
    .banner-sec .carousel-prev, .banner-sec .carousel-next {
        bottom: 5px;
        top: inherit;
        transform: inherit;
    }
    .banner-sec .carousel-prev{
        left: 15px;
    }
    .banner-sec img{
        height: 550px;
    }
    .banner-sec .carousel-prev, .banner-sec .carousel-next {
        width: 50px;
        height: 50px;
    }
    .banner-sec .carousel-control-prev-icon:before,
    .banner-sec .carousel-control-next-icon:before {
        line-height: 50px;
    }
    .banner-sec .carousel-caption{
        max-width: 540px;
        margin: 0 auto;
    }
    .item-title{
        font-size: 14px;
    }
    .about-us {
        padding-top: 80px;
    }
    .about-us-section {
        padding-bottom: 80px;
    }
    .about-us-logo {
        width: 150px;
        height: 150px;
        right: 15px;
    }
    .about-us-left-bottom {
        right: 15px;
    }
    .about-us-right {
        padding-left: 15px;
    }
    .about-us-right-inn{
        padding-left: 0;
    }
    .about-us-right h2{
        font-size: 26px;
    }
    .about-us-right p{
        font-size: 15px;
    }
    .services-sec .container-fluid {
        padding: 0;
    }
    .main-btn {
        padding: 12px 48px;
    }
    .services-sec{
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .services-sec-heading h2{
        font-size: 26px;
    }
    .services-sec-heading p{
        font-size: 15px;
        margin-top: .5rem;
        margin-bottom: 30px;
    }
    .services-sec-heading p br{
        display: none;
    }
    .services-item-details h6{
        font-size: 15px;
        line-height: 19px;
    }
    .service-box {
        margin-bottom: 30px;
    }
    .view-btn-outer .view-btn{
        font-size: 15px;
    }
    .testimonial-inn .slick-list{
        z-index: 99;
    }
    .view-btn-outer {
        padding: 10px;
    }
    .view-btn-outer .view-btn{
        margin-bottom: 0;
    }
    .canine-heroes-caption h2{
        font-size: 26px;
    }
    .canine-heroes-inn p {
        font-size: 15px;
     }
    .canine-heroes-inn p br{
        display: none;
    }
    .founder-sec {
        padding-top: 80px;
        padding-bottom: 170px;
    }
    .founder-sec .container-fluid{
        padding: 0;
    }
    .founder-sec-left h2{
        font-size: 26px;  
    }
    .founder-sec-left-inn p{
        font-size: 15px;
    }
    .founder-sec-right{
        margin-top: 30px;
    }
    .founder-sec-left-inn ul li{
        font-size: 15px;
        margin-bottom: 10px;
        line-height: 20px;
    }
    .founder-sec-right-bottom {
        position: relative;
    }
    .founder-sec-right-top {
        right: 15px;
        left: inherit;
        bottom: -50%;
    }
    .testimonial-sec {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .testimonial-sec .container-fluid{
        padding: 0;
    }
    .testimonial-inn{
        padding: 0;
    }
    .testimonial-box-top{
        padding: 15px;
    }
    .testimonial-box-name h4{
        font-size: 18px;
        margin-top: .5rem;
    }
    .testimonial-box-job p{
        font-size: 15px;
        margin-bottom: .5rem;
    }
    .gallery-icon {
        width: 50px;
        height: 50px;
    }
    .gallery-icon img {
        width: 25px;
    }
    .footer-top .container {
        padding: 0;
    }
    .footer-quick-links,
    .footer-details-left {
        margin-bottom: 20px;
    }
    .footer-quick-links h6, .footer-contact-details h6{
        margin-bottom: 10px;
    }
    .footer-details-left p{
        font-size: 15px;
    }
    .footer-details-left p br{
        display: none;
    }
    .footer-quick-links ul li a, .footer-contact-details li a{
        font-size: 15px;
    }
    .footer-contact-details ul li {
        display: flex;
    }
    .footer-contact-details ul li span {
        top: 5px;
        transform: inherit;
        width: 15px;
        height: 15px;
    }
    .menu-mobile-header-wrap {
        padding: 35px 15px;
    }
    .mob-layouts-logo {
        font-size: 18px;
        text-align: left;
    }
    .menu_button_close_text {
        visibility: hidden;
    }
    .menu-mobile-content-wrap-inner #menu-ul li a span {
        font-size: 18px;
    }
    .menu-mobile-header-wrap{
        padding: 20px 15px 20px 15px;
    }
    .header-sec .container {
        padding: 0;
    }
    .service-single{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        z-index: 9;
    }
    .whatsapp-chat-btn{
        position: fixed;
        left: 15px;
        bottom: 15px;
        width: 40px;
        height: 40px;
        display: inline-block;
        z-index: 99;
    }
    .whatsapp-chat-btn img{
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    .scroll-to-target {
        width: 40px;
        height: 40px;
        right: 15px;
    }
    .scroll-to-target.open{
        bottom: 95px;
    }
    .left-shadow,
    .right-shadow{
        display: none;
    }
    /* Home Ends */

    /* About us Starts */
    .inner-banner-sec,
    .inner-banner-sec .row{
        height: 75px;
    }
    .breadcrumb li a{
        font-size: 14px;
    }
    .about-us-page{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .about-us-page-content{
        padding: 0;
    }
    .video-sec {
        width: 100%;
    }
    .counter-sec{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .counter-sec-inn{
        margin-bottom: 20px;
    }
    .counter-sec .service-icon{
        margin-bottom: 0;
    }
    .counter-sec .counter{
        font-size: 26px;
    }
    .counter-text{
        font-size: 22px;
    }
    .counter-title{
        font-size: 18px;
        line-height: 24px;
    }
    .meet-our-teams-sec{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .meet-our-teams-slide{
        padding: 0;
    }
    .meet-our-teams-box-top{
        padding: 10px;
    }
    .counter-out {
        margin-bottom: 0;
        margin-top: 0;
    }
    /* About us Ends */

    /* Service Starts */
    .services-page-sec .service-single{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .service-single-box {
        display: inline-block;
    }
    .canine-heroes-content p br{
        display: none;
    }
    .services-video-inn{
        height: 250px;
    }
    .services-contact-inn h6,
    .canine-heroes-caption p{
        font: 16px;
    }
    /* Service Ends */

    /* Gallery Starts */
    .filter-gallery-sec{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .portfolio-filter-light a {
        margin-right: 0;
    }
    .portfolio-filter-light .main-btn {
        padding: 7px 17px;
        width: 100%;
    }
    /* Gallery Ends */

    /* Contact Us Starts */
    .contact-us-form-sec,
    .contact-us-sec{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .contact-us-sec{
        padding-bottom: 50px;
    }
    .contact-us-left h2{
        font-size: 26px;
    }
    .contact-us-right form{
        position: relative;
        left: inherit;
        margin-top: 30px;
        padding: 20px;
    }
    /* Contact Us Ends */

    .services-detail-left p{
        text-align: left;
    }
    .services-detail-left img{
        width: 100%;
        margin-left: 0;
    }

    /* Dog Trainers Training Modal Starts  */
    .course-modal-left{
        display: none;
    }
    #course-modal .course-modal-right {
        padding: 15px 20px;
    }
    #course-modal h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    #course-modal form {
        width: 100%;
    }
    #course-modal h3{
        font-size: 20px;
    }
    /* Dog Trainers Training Modal Ends  */
    
    /* Chat Box Starts */
    .chat-bot-icon {
        right: 15px;
        width: 40px;
        height: 40px;
        z-index: 999;
    }
    .chat-bot-icon img {
        width: 24px;
        left: 8px;
        top: 9px;
    }
    .chat-bot-icon svg {
        top: 5px;
        left: 5px;
    }
    .chat-screen{
        right: 15px;
    }
    .chat-screen .chat-body {
        min-height: 300px;
        max-height: 320px;
        overflow-y: auto;
    }
    .chat-overlay.open-overlay {
        position: fixed;
        content: "";
        background: rgba(250, 250, 250, .0001);
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 99;
    }
    .chat-screen.show-chat{
        z-index: 999;
    }
    /* Chat Box Starts */
    .contact-us-left .location-box iframe{
        height: 400px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
    .header-bottom-sec .navbar-brand{
        font-size: 18px;
        margin: 0;
        padding: 0;
    }
    .service-single{
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
        margin: 0 auto;
    }
    #services-slider .service-single{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .about-us-logo {
        width: 100px;
        height: 100px;
        right: 15px;
    }
    .about-us-right h2 br{
        display: none;
    }
    .founder-sec{
        padding-bottom: 204px;
    }
    /* About Starts */
    .meet-our-teams-box-top {
        padding: 20px;
    }
    .meet-our-teams-slide {
        padding: 0 15px;
    }
    /* About Ends */
    #course-modal .form-group .form-icon::before {
        font-size: 16px;
    }
    #course-modal .form-control{
        font-size: 14px;
    }
    #course-modal .form-group{
        padding-bottom: 14px;
    }
}

@media only screen and (min-width: 501px) and (max-width: 767px) {
    .menu-mobile-header-wrap {
        padding: 25px 30px 25px 30px;
    }
    .menu-mobile-content-wrap.content-wrap {
        padding: 30px 30px;
    }
    .mob-layouts-logo{
        font-size: 25px;
    }
    .service-single {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        margin: 0 auto;
    }
    .counter-sec-inn {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 25px;
    }
    .portfolio-filter-light .main-btn {
        padding: 7px 17px;
        width: auto;
    }
    #services-slider .service-single{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .menu-mobile-header-wrap {
        max-width: 540px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }
    .menu-mobile-content-wrap.content-wrap{
        max-width: 540px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }
    #course-modal .modal-dialog-centered {
        max-width: 500px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* menu starts */
    .header-top-right{
        display: none;
    }
    .icon-open-menu::before {
        width: auto;
    }
    .header-bottom-sec .navbar-nav{
        display: block;
    }
    .menu-mobile-widgets-area{
        display: block;
    }
    .mobile-button-burger {
        display: block;
    }
    .header-top-left ul li {
        margin-right: 25px;
    }
    .navbar .navbar-brand {
        margin-right: auto !important;
    }
    .header-bottom-sec .navbar-nav li{
        display: none;
    }
    .header-bottom-sec .navbar-nav li:last-child{
        display: block;
    }
    .menu-mobile-content-wrap-inner #menu-ul {
        align-items: inherit !important;
    }
    .menu-mobile-content-wrap-inner #menu-ul li{
        text-align: left;
    }
    .menu-mobile-content-wrap-inner #menu-ul li a span{
        font-family: 'Laila';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        color: #bfc9d2;
    }
    .menu-mobile-content-wrap-inner #menu-ul li.active a span,
    .menu-mobile-content-wrap-inner #menu-ul li a:hover span{
        color: #f5f9fa;
    }
    .menu-mobile-content-wrap.content-wrap {
        padding: 30px 35px;
    }
    .socials-mobile ul li {
        display: inline-block;
        margin-right: 25px;
    }
    .socials-mobile {
        float: left;
        position: relative;
        width: 100%;
        text-align: left;
        margin-top: 30px;
        padding-top: 25px;
    }
    .socials-mobile:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        content: '';
        width: 100%;
        height: 1px; 
        background-color: #525f6a;
    }
    .socials-mobile ul li a{
        color: #f5f9fa;
    }
    .menu-mobile-widgets-area{
        display: block;
    }
    .menu-mobile-content-wrap.content-wrap {
        max-width: 720px;
        margin: 0 auto;
    }
    .menu-mobile-header-wrap {
        max-width: 720px;
        margin: 0 auto;
    }
    /* menu Ends */

    /* Home Page Starts */
    .banner-sec img{
        height: 650px;
    }
    .header-top-sec{
        display: none;
    }
    .banner-sec .carousel-caption h6 {
        font-size: 16px;
    }
    .banner-sec .carousel-caption h3 {
        font-size: 28px;
        line-height: 35px;
    }
    .banner-sec .carousel-caption h3 {
        font-size: 38px;
        line-height: 40px;
    }
    .about-us-left-top{
        width: 50%;
    }
    .about-us-logo{
        width: 150px;
        height: 150px;
        left: 55%;
        right: inherit;
    }
    .about-us-left-bottom{
        width: 45%;
        left: 40%;
    }
    .about-us-right{
        padding-left: 15px;
    }
    .about-us-right-inn{
        padding-left: 0;
    }
    .about-us{
        padding-top: 100px;
    }
    .about-us-section{
        padding-bottom: 100px;
    }
    .services-sec{
        padding-top: 100px;
    }
    .about-us-right-inn h2,
    .services-sec-heading h2,
    .canine-heroes-caption h2,
    .founder-sec-left-inn h2{
        font-size: 38px;
    }
    .about-us-right-inn h2 br,
    .services-sec-heading h2 br,
    .canine-heroes-caption h2 br{
        display: none;
    }
    .services-sec-heading-content p br,
    .canine-heroes-content p br{
        display: none;
    }
    .service-single{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        z-index: 9;
    }
    #services-slider .service-single{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .founder-sec-right{
        margin-top: 25px;
    }
    .founder-sec-right-bottom{
        position: relative;
    }
    .founder-sec-right-bottom{
        width: 50%;
    }
    .founder-sec-right-top{
        width: 45%;
        left: 40%;
    }
    .footer-quick-links,
    .footer-details-left {
        margin-bottom: 20px;
    }
    .footer-quick-links h6,
    .footer-contact-details h6{
        margin-bottom: 10px;
    }
    .testimonial-inn .slick-list {
        z-index: 9;
    }
    .founder-sec,
    .testimonial-sec{
        padding-top: 100px;
    }
    .testimonial-sec{
        padding-bottom: 100px;
    }
    .gallery-icon {
        width: 60px;
        height: 60px;
    }
    .gallery-icon img {
        width: 30px;
    }
    /* Home Page Ends */

    /* About us Starts */
    .sticky-sec .header-bottom-sec {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .inner-banner-sec, .inner-banner-sec .row {
        height: 75px;
    }
    .breadcrumb li a {
        font-size: 14px;
    }
    .about-us-page {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .about-us-page-content{
        padding: 0;
    }
    .video-sec{
        width: 90%;
    }
    .service-single{
        z-index: 99;
    }
    .services-sec .left-shadow{
        z-index: 0;
    }
    .counter-sec{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .counter-sec-inn{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 25px;
    }
    .counter-sec .service-icon{
        margin-bottom: 0;
    }
    .counter-sec .counter{
        font-size: 30px;
        line-height: 30px;
    }
    .counter-text{
        font-size: 25px;
    }
    .counter-title{
        font-size: 20px;
    }
    .meet-our-teams-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .meet-our-teams-box-top {
        padding: 15px;
    }
    .footer-bottom-left h6 br {
        display: none;
    }

    /* About us Ends */

    /* Services Starts */
    .service-single-box {
        display: inline-block;
    }
    .services-item-details h6 {
        font-size: 15px;
    }
    .services-video-inn{
        height: 250px;
    }
    /* Services Ends */

    /* Gallery Starts */
    .filter-gallery-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .portfolio-filter-light .main-btn {
        padding: 7px 17px;
        width: auto;
    }
    /* Gallery Ends */

    /* Contact Us Starts */
    .contact-us-form-sec,
    .contact-us-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .contact-us-sec{
        padding-bottom: 70px;
    }
    .contact-us-left h2{
        font-size: 26px;
    }
    .contact-us-right form{
        position: relative;
        left: inherit;
        margin-top: 30px;
        padding: 20px;
    }
    .contact-us-links .col-xl-4,
    .contact-us-links .col-xl-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contact-us-links .col-xl-4{
        margin: 0 auto;
    }
    /* Contact Us Ends */
    /* Dog Trainers Training Modal Starts  */
    .course-modal-left{
        display: none;
    }
    #course-modal .course-modal-right {
        padding: 15px 20px;
    }
    #course-modal h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    #course-modal form {
        width: 100%;
    }
    #course-modal h3{
        font-size: 20px;
    }
    #course-modal .modal-dialog-centered {
        max-width: 500px;
    }
    /* Dog Trainers Training Modal Ends  */
    
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .header-top-left{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .header-top-right{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .header-bottom-sec .navbar-brand{
        font-size: 22px;
    }
    .header-bottom-sec .navbar ul li a.nav-btn {
        padding: 10px 20px !important;
    }

    /* Home Starts */
    .header-top-left {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }
    .header-top-left ul li{
        margin-right: 15px;
    }
    .header-top-right {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
    .header-top-right ul li{
        margin-left: 10px;
    }
    .sticky-sec .header-bottom-sec{
        z-index: 9999;
    }
    .banner-sec .carousel-caption h3 {
        font-size: 38px;
        line-height: 40px;
    }
    .banner-sec .carousel-caption h3 br{
        display: none;
    }
    .banner-sec img{
        height: 750px;
    }
    .about-us-left,
    .about-us-right{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .about-us-right-inn{
        padding-left: 0;
    }
    .about-us-section{
        padding-top: 100px;
    }
    .about-us{
        padding-top: 0;
    }
    .about-us-right-inn h2,
    .services-sec-heading h2,
    .canine-heroes-caption h2,
    .services-sec-heading h2,
    .founder-sec-left-inn h2{
        font-size: 40px;
    }
    .about-us-logo{
        width: 150px;
        height: 150px;
        right: 30px;
    }
    .service-single{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        z-index: 99;
    }
    #services-slider .service-single{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .testimonial-inn .slick-list{
        z-index: 99;
    }   
    .testimonial-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .founder-sec-left,
    .founder-sec-right{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .founder-sec-right-top{
        bottom: 0;
    }
    .footer-details-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }
    .footer-quick-links {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .footer-contact-details {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .services-sec{
        padding-top: 100px;
    }
    .gallery-icon {
        width: 60px;
        height: 60px;
    }
    .gallery-icon img {
        width: 30px;
    }
    /* Home Ends */

    /* About Starts */
    .inner-banner-sec, .inner-banner-sec .row {
        height: 75px;
    }
    .breadcrumb li a {
        font-size: 14px;
    }
    .counter-sec-inn{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }   
    .counter-sec .counter{
        font-size: 30px;
        line-height: 30px;
    }
    .counter-text{
        font-size: 25px;
        line-height: 30px;
    }
    .counter-title{
        font-size: 19px;
    }
    .founder-sec,
    .about-us-page,
    .meet-our-teams-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    /* About Ends */
    /* Gallery Starts */
    .filter-gallery-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
 
    .portfolio-filter-light .main-btn {
        padding: 7px 17px;
        width: auto;
    }
    /* Gallery Ends */

    /* Contact Us Starts */
    .contact-us-links .col-xl-4, .contact-us-links .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contact-us-links .col-xl-4{
        margin: 0 auto;
    }
    .contact-us-left{
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .contact-us-right{
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .contact-us-left h2{
        font-size: 45px;
    }
    /* Contact Us Ends */

    /* Dog Trainers Training Modal Starts  */
    #course-modal .modal-dialog-centered{
        max-width: 800px;
    }
    #course-modal .course-modal-right {
        padding: 15px 20px;
    }
    #course-modal .course-modal-right h2{
        font-size: 35px;
    }
    #course-modal img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Dog Trainers Training Modal Ends  */
    .footer-bottom-left h6 br {
        display: none;
    }
}


@media (max-width: 992px) {
    .mobile-button-burger{
        display: block;
    }
}

@media (min-width: 992px) {
    .mobile-button-burger{
        display: none;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    /* Home Starts */
    .header-top-left {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }
    .header-top-right{
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%; 
    }
    .header-top-right ul li{
        margin-left: 10px;
        margin-top: 0.2em !important;
    }
    .header-top-left ul li{
        margin-right: 15px;
    }
    .header-bottom-sec .navbar-brand {
        font-size: 20px;
    }
    .banner-sec .carousel-caption h3 {
        font-size: 45px;
        line-height: 51px;
    }
     
    .header-bottom-sec .navbar ul li a.nav-btn {
        padding: 10px 20px !important;
    }
    .about-us-left, .about-us-right {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .about-us-right-inn {
        padding-left: 0;
    }
    .about-us-right-inn h2, .services-sec-heading h2, .canine-heroes-caption h2, .services-sec-heading h2, .founder-sec-left-inn h2 {
        font-size: 40px;
    }
    .service-single {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        z-index: 99;
    }
    #services-slider .service-single{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .services-sec{
        padding-top: 100px;
    }
    .founder-sec-left, .founder-sec-right {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .founder-sec-right-top {
        bottom: 0;
    }
    .testimonial-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .testimonial-sec .slick-list{
        z-index: 99;
    }
    .footer-details-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }
    .footer-quick-links {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .footer-contact-details {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .about-us-logo {
        width: 150px;
        height: 150px;
        right: 30px;
    }
    .gallery-icon {
        width: 70px;
        height: 70px;
    }
    .gallery-icon img {
        width: 30px;
    }
    .banner-sec img {
        height: 700px;
        object-fit: cover;
        width: 100%;
    }
     
    /* Home Ends */

    /* About Starts */
    .inner-banner-sec, .inner-banner-sec .row {
        height: 75px;
    }
    .breadcrumb li a {
        font-size: 14px;
    }
    .about-us-page,
    .meet-our-teams-sec{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .video-sec{
        width: 80%;
    }
    .founder-sec{
        padding-top: 100px;
    }
    .counter-sec-inn {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .counter-sec .counter {
        font-size: 30px;
        line-height: 30px;
    }
    .counter-text {
        font-size: 25px;
        line-height: 30px;
    }
    .counter-title {
        font-size: 20px;
    }
     
    /* About Ends */

     /* Services Starts */
 
    .services-item-details h6 {
        font-size: 16px;
    }
    .services-video-inn{
        height: 300px;
    }
    /* Services Ends */

    /* Contact Us Starts */
    .contact-us-links .col-xl-4, .contact-us-links .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contact-us-links .col-xl-4{
        margin: 0 auto;
    }
    .contact-us-left{
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .contact-us-right{
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .contact-us-left h2{
        font-size: 45px;
    }
    /* Contact Us Ends */

    /* Dog Trainers Training Modal Starts  */
    #course-modal .modal-dialog-centered{
        max-width: 900px;
    }
    #course-modal .course-modal-right {
        padding: 15px 20px;
    }
    #course-modal .course-modal-right h2{
        font-size: 35px;
    }
    #course-modal img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Dog Trainers Training Modal Ends  */
    .footer-bottom-left h6 br {
        display: none;
      }
}

@media only screen and (min-width: 1200px) {
    .container{
        max-width: 1320px;
    }
    .footer-bottom-left h6 br {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    /* Home Starts */
    .header-top-left {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }
    .header-top-right {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
    .banner-sec .carousel-caption h3 {
        font-size: 56px;
        line-height: 60px;
    }
    .about-us-right-inn {
        padding-left: 20px;
    }
    .about-us-logo{
        width: 180px;
        height: 180px;
        right: 20px;
    }
    .about-us-right-inn h2, .services-sec-heading h2, .canine-heroes-caption h2, .services-sec-heading h2, .founder-sec-left-inn h2 {
        font-size: 45px;
    }
    .footer-quick-links ul li a, .footer-contact-details li a{
        font-size: 15px;
    }
    .gallery-icon {
        width: 70px;
        height: 70px;
    }
    .gallery-icon img {
        width: 30px;
    }
    /* Home Ends */

    /* Service Starts */
    .text-why-choose{
        font-size: 18px;
    }
    /* Service Ends */

    /* Dog Trainers Training Modal Starts  */
    #course-modal .modal-dialog-centered{
        max-width: 900px;
    }
    #course-modal .course-modal-right {
        padding: 15px 20px;
    }
    #course-modal .course-modal-right h2{
        font-size: 35px;
    }
    #course-modal img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Dog Trainers Training Modal Ends  */

    .footer-bottom-left h6 br {
        display: none;
    }
}