/* header */
header .navbar-toggler{border: 0px;filter: brightness(0) invert(1);box-shadow: unset !important;}
header .offcanvas .nav-link{color: #070707;}
header .offcanvas .nav-link:hover{color: #070707;}


/* mobile */
@media (max-width: 575px) {
    .bannerSec .heroBox{padding-left: 24px!important;}
}

@media only screen and (min-width: 576px) and (max-width: 767px)  {
    .resComBanner .shadeBx{padding-left: calc((100vw - 516px) / 2) !important;}
}


@media only screen and (max-width: 767px) {
    p{font-size: 16px;line-height: 26px;}
    .sub-heading{font-size: 28px;font-weight: normal;line-height: 32px;}
    .sub-heading-2{font-size: 24px;font-weight: normal;line-height: 28px;}


    header .logo{margin-bottom: -48px;width: 72px;}
    header .tel{padding-left: 0px;font-size: 16px;}

    .bannerSec{padding-top: 146px;padding-bottom: 68px;}
    .bannerSec .heroBox{width: calc(100% - 10%);padding: 34px 34px 34px 0;}
    .bannerSec h1{font-size: 28px;line-height: 43px;margin-bottom: 20px;}
    .bannerSec p{font-size: 18px;line-height: 28px;margin-bottom: 20px;}
    .bannerSec h4{font-size: 22px;line-height: 28px;}

    .topSec{padding-top: 64px;}

    .resComBanner{margin-top: 64px;}
    .resComBanner .shadeBx{padding-left: 15px;padding-right: 15px;padding-top: 66px;padding-bottom: 66px;}
    .resComBanner .shadeBx h2{font-size: 28px;line-height: 38px;}
    .resComBanner .shadeBx h4{font-size: 22px;line-height: 32px;}

    .aboutUsBanner{margin-top: 64px;}
    .aboutUsBanner .shadeBx{padding-left: 15px;padding-right: 15px;padding-top: 66px;padding-bottom: 66px;}
    .aboutUsBanner .shadeBx h2{font-size: 28px;line-height: 38px;}
    .aboutUsBanner .shadeBx h4{font-size: 22px;line-height: 32px;}

    .contentSec{margin-top: 64px;}

    .contactUsBanner{margin-top: 64px;padding-bottom: 158px;}
    .contactUsBanner h2{font-size: 28px;line-height: 38px;}
    .contactUsBanner h4{font-size: 22px;line-height: 32px;}

    .contactUsSec{margin-top: 64px;margin-bottom: 64px;}
    .contactUsSec h3{margin-top: 40px;}
    .contactUsSec .formBox, .contactUsSec .mapCol iframe{max-width: 100%;height: auto;}
    .contactUsSec .formBox input, .contactUsSec .formBox textarea{padding-top: 9px;padding-bottom: 9px;}

    footer{padding-top: 20px;padding-bottom: 20px;}
    footer .sub-heading-2{font-size: 18px;line-height: 26px;}
}


/* tablet */
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    p{font-size: 16px;line-height: 26px;}
    .sub-heading{font-size: 28px;font-weight: normal;line-height: 32px;}
    .sub-heading-2{font-size: 24px;font-weight: normal;line-height: 28px;}


    header .logo{margin-bottom: -48px;width: 72px;}
    header .tel{padding-left: 0px;font-size: 16px;}

    .bannerSec{padding-top: 146px;padding-bottom: 68px;}
    .bannerSec .heroBox{width: calc(100% - 20%);padding: 34px 34px 34px 0;}
    .bannerSec h1{font-size: 32px;line-height: 47px;margin-bottom: 15px;}
    .bannerSec p{font-size: 20px;line-height: 30px;margin-bottom: 15px;}
    .bannerSec h4{font-size: 24px;line-height: 30px;}

    .topSec{padding-top: 64px;}

    .resComBanner{margin-top: 64px;}
    .resComBanner .shadeBx{padding-left: 30px;}
    .resComBanner .shadeBx h2{font-size: 28px;line-height: 38px;}
    .resComBanner .shadeBx h4{font-size: 22px;line-height: 32px;}

    .aboutUsBanner{margin-top: 64px;}
    .aboutUsBanner .shadeBx{padding-right: 30px;}
    .aboutUsBanner .shadeBx h2{font-size: 28px;line-height: 38px;}
    .aboutUsBanner .shadeBx h4{font-size: 22px;line-height: 32px;}

    .contentSec{margin-top: 64px;}

    .contactUsBanner{margin-top: 64px;padding-bottom: 228px;}
    .contactUsBanner h2{font-size: 28px;line-height: 38px;}
    .contactUsBanner h4{font-size: 22px;line-height: 32px;}

    .contactUsSec{margin-top: 64px;margin-bottom: 64px;}
    .contactUsSec .formBox, .contactUsSec .mapCol iframe{height: auto;}
    .contactUsSec .formBox input, .contactUsSec .formBox textarea{padding-top: 9px;padding-bottom: 9px;}

    footer{padding-top: 20px;padding-bottom: 20px;}
    footer .sub-heading-2{font-size: 20px;line-height: 28px;}
}


/* notebook */
@media only screen and (min-width: 992px) and (max-width: 1199px)  {
    p{font-size: 16px;line-height: 26px;}
    .sub-heading{font-size: 32px;font-weight: normal;line-height: 36px;}
    .sub-heading-2{font-size: 28px;font-weight: normal;line-height: 32px;}

    header .logo{margin-bottom: -68px;width: 96px;}
    header .tel{padding-left: 0px;font-size: 16px;}

    .bannerSec{padding-top: 166px;padding-bottom: 68px;}
    .bannerSec .heroBox{padding: 54px 74px 54px 0;}
    .bannerSec h1{font-size: 34px;line-height: 49px;margin-bottom: 15px;}
    .bannerSec p{font-size: 20px;line-height: 30px;margin-bottom: 15px;}
    .bannerSec h4{font-size: 24px;line-height: 30px;}

    .topSec{padding-top: 84px;}

    .resComBanner{margin-top: 84px;}
    .resComBanner .shadeBx h2{font-size: 32px;line-height: 42px;}
    .resComBanner .shadeBx h4{font-size: 24px;line-height: 34px;}

    .aboutUsBanner{margin-top: 84px;}
    .aboutUsBanner .shadeBx h2{font-size: 32px;line-height: 42px;}
    .aboutUsBanner .shadeBx h4{font-size: 24px;line-height: 34px;}

    .contentSec{margin-top: 84px;}

    .contactUsBanner{margin-top: 84px;padding-bottom: 194px;}
    .contactUsBanner h2{font-size: 32px;line-height: 42px;}
    .contactUsBanner h4{font-size: 24px;line-height: 34px;}

    .contactUsSec{margin-bottom: 84px;}
    .contactUsSec .formBox, .contactUsSec .mapCol iframe{height: 226px;}

    footer{padding-top: 22px;padding-bottom: 22px;}
    footer .sub-heading-2{font-size: 22px;line-height: 30px;}
}

/* laptop */
@media only screen and (min-width: 1200px) and (max-width: 1400px)  {
    p{font-size: 18px;line-height: 28px;}
    .sub-heading{font-size: 34px;font-weight: normal;line-height: 38px;}
    .sub-heading-2{font-size: 28px;font-weight: normal;line-height: 32px;}

    header .logo{margin-bottom: -68px;width: 96px;}
    header .tel{padding-left: 0px;font-size: 16px;}

    .bannerSec{padding-top: 200px;}
    .bannerSec .heroBox{padding: 54px 74px 54px 0;}
    .bannerSec h1{font-size: 38px;line-height: 53px;margin-bottom: 15px;}
    .bannerSec p{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .bannerSec h4{font-size: 26px;line-height: 32px;}

    .resComBanner .shadeBx h2{font-size: 36px;line-height: 46px;}
    .resComBanner .shadeBx h4{font-size: 26px;line-height: 36px;}

    .aboutUsBanner .shadeBx h2{font-size: 36px;line-height: 46px;}
    .aboutUsBanner .shadeBx h4{font-size: 26px;line-height: 36px;}

    .contactUsBanner{padding-bottom: 190px;}
    .contactUsBanner .shadeBx h2{font-size: 36px;line-height: 46px;}
    .contactUsBanner .shadeBx h4{font-size: 26px;line-height: 36px;}

    .contactUsSec .formBox, .contactUsSec .mapCol iframe{height: 226px;}

    footer{padding-top: 24px;padding-bottom: 24px;}
    footer .sub-heading-2{font-size: 24px;line-height: 32px;}
}