﻿@charset "utf-8";

/* @media(min-width:1201px) {
  .secondbanner{
    display: none;
     }
    }
 @media(min-width:641px) {
  .thirdbanner{
     display: none;
         }
   } */

@media(max-width:1200px) {
    .classynav ul li {
        margin: 0 20px;
    }



}

@media(max-width:1100px) {}



@media(max-width:1024px) {}

@media(max-width:991px) {


    .classy-navbar {

        display: flex;
        text-align: left;
    }

    .top_bar_logo img {
        width: 60%;
        ;
    }

    .top_bar_logo {
        margin-bottom: 0px;
    }

    .banner-text p {
        font-size: 35px;
        line-height: 45px;
    }

    .classynav ul li.active a {
        color: #fff;
    }

    .classynav ul li {
        margin: 15px 20px;
    }

    .breakpoint-on .classynav ul {
        margin-top: 30px;
    }

    .breakpoint-on .classynav ul li a {
        line-height: 23px;
    }

    .classy-nav-container a:focus,
    .classy-nav-container a:hover {
        transition-duration: .5s;
        color: #3b5200;
        border: none
    }

    .about-me img {
        float: none;
        width: 30%;
        margin: 0 0px 0px 0;
        margin: 0 auto;
        text-align: center;
    }

    .about-me {
        text-align: center;
    }

    .about-me p {
        text-align: left;
    }

    .review ul {
        padding-left: 0px;
        column-count: auto;
    }

    .about-me ul li {
        padding-right: 0px;
    }

    .about-me ul {
        padding-bottom: 15px;
    }



}



@media(max-width:768px) {

    .profile-cnt a {

        margin-bottom: 35px;
    }

    .tpd-space1 {
        padding: 40px 0 55px;
    }

    .mrgn90 {
        margin: 30px 0px;
    }

    .b-navi ul li {
        margin: 0 15px;
    }

    .gray-pd {
        padding: 20px 0 0;
    }

    .gray-mrgn {
        margin-top: 45px;
    }

    .gray-mrgn {
        margin-top: 16px;
    }

    .white-box {
        padding: 20px 0px;
    }

    .about-me p span {
        font-size: 16px;
        line-height: 26px;
    }

    .about-me p {
        font-size: 16px;
        line-height: 26px;
    }

    .about-me ul li {
        font-size: 16px;
    }

    .mrng0 {
        margin-bottom: 0 !important;
    }


    .header1 {
        font-size: 30px;
        line-height: 37px;
    }

    .header2 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    .about-me ul {
        padding-bottom: 30px;
    }


    .contct-box {
        padding: 35px 20px 5px 20px;
        margin-bottom: 0px;
    }

    .mrng30 {
        margin-top: 0px;
    }

}

@media(max-width:767px) {

    .banner-text p {
        font-size: 25px;
        line-height: 35px;
    }

    .header1 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .about-me img {
        width: 45%;
    }

    .banner-main {
        z-index: 99;
    }

    .banner-main1 {
        z-index: 99;
    }

    .teti-box {
        padding: 18px;
    }

    .bottom_logo {
        text-align: left;
    }

    .add1 p {
        text-align: left;
    }

}

@media(max-width:640px) {
    .header1 {
        font-size: 25px;
        line-height: 28px;
    }

    .header2 {
        font-size: 25px;
    }

    .banner-main {
        top: 30%;
    }




}

@media(max-width:575px) {
    .header1 {
        font-size: 25px;
        padding-bottom: 5px;
    }

    .profile-cnt p {
        font-size: 14px;
        line-height: 22px;
    }

    .profile-cnt a {
        font-size: 14px;
        padding: 7px 9px;
    }

    .testimonial-block .text {
        font-size: 14px;
        line-height: 22px;
    }

    .testimonial-block .text::before {
        content: url(../images/icon.png);
        display: inline-block;
        margin-right: 5px;
    }

    .testimonial-block .inner-box .upper-box {
        padding: 25px 25px;
    }

    .banner-main {
        z-index: 99;
    }

    .dask-banner {
        display: none !important;
    }

    .mobile-banner {
        display: block !important;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .banner-main {
        position: relative;
        text-align: center;
    }

    .banner-text {
        text-align: center;
    }

    .banner-text p br {
        display: none;
    }



    .tpd-space1 {
        padding: 25px 0 30px;
    }

    .add-logo img {
        width: 50%;
    }

    .b-navi ul li a {
        font-size: 14px;
    }

    .b-navi ul li {
        margin: 0 5px;
    }

    .about-me img {
        width: 35%;
    }

    .about-me p span {
        font-size: 14px;
        line-height: 22px;
    }

    .about-me p {
        font-size: 14px;
        line-height: 22px;
    }

    .about-me ul li {
        font-size: 14px;
        padding-bottom: 3px;
    }

    .about-me h4 {
        font-size: 20px;
    }

    .teti-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .contct-box p {
        font-size: 14px;
        padding-bottom: 10px;
    }


}

@media(max-width:480px) {
    .banner-text p {
        font-size: 18px;
        line-height: 22px;
    }

    .mobile-banner {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .bottom_logo img {
        width: 50%;
        margin: 0 auto;
    }

    .add-logo img {
        width: 82%;
    }

    .header1 {
        font-size: 25px;
        line-height: 19px;
    }

    .header1 {
        font-size: 20px;
        line-height: 14px;
    }

    .about-me img {
        width: 45%;
    }

    .header2 {
        font-size: 20px;
    }

}

@media(max-width:415px) {}

@media(max-width:375px) {}

@media(max-width:360px) {}