@media (max-width: 1550px){

}

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

}

@media (max-width: 920px) {
    .logo-wrap{
        justify-content: space-between;
        display: flex;
    }
    .logo-wrap a{
        text-align: left;
    }
    /*humburger menu*/
    .hamburger {
        width: 30px;
        height: 3px;
        background-color: #000000;
        position: relative;
        display: inline-block;
        margin-top: 25px;
    }

    .hamburger:before, .hamburger:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background-color: #000000;
    }

    .hamburger:before {
        top: -10px;
    }

    .hamburger:after {
        top: 10px;
    }

    .open {
        transform: rotate(45deg);
    }

    .open:before {
        top: 0;
        transform: rotate(90deg);
    }

    .open:after {
        top: 0;
        transform: rotate(90deg);
    }

    .body-fixed {
        position: fixed;
        top: 0px;
        width: 100%;
    }
    .main-menu ul{
        flex-direction: column;
    }
    .main-menu-wrap{
        padding-top: 50px;
        margin-bottom: 15px;
    }
    .main-menu ul li a{
        font-family: 'Rubik' !important;
        font-weight: 400;
        padding: 10px 15px;
        display: block;
        font-size: 20px;
        border-top: 2px solid #edeeef;
    }
    .main-menu ul li:last-child a{
        border-bottom: 2px solid #edeeef;
    }
}

/* Mobile Responsive Design */
@media (max-width: 767px) {
    .page-id-255 #hero .site-main-btn {
         color:#ffffff !important;
         background: var(--blue) !important;
    }
    #hero .col-lg-6 .mobile-hero-img img{
        width: 100%;
    }
    .page-id-263 .banner-content h1 {
        text-align: right;
        margin-top: 24px;
    }
    #hero .py-5{
        padding-bottom: 0 !important;
    }
    .page-id-263 #hero .site-main-btn{
        /* margin-top: 250px; */
	margin-top: 0px;
        margin-bottom: 20px;
    }
    .page-id-263 .banner-content h2 {
        line-height: 40px;
        text-align: center;
    }
    .page-id-263 .banner-content p {
        text-align: center;
        line-height: 28px;
        color: #091339;
    }
    .page-id-263 .banner-content p br{
        display: none;
    }
    /*.page-id-263 #hero .container{*/
    /*    background: #00000052;*/
    /*}*/
    .solor-1st-sec h2 {
        font-size: 24px;
    }
    .solor-top-check-wrap .solor-top-check-item h2{
        font-size: 20px;
    }
    .solor-top-check-wrap .solor-top-check-item{
        min-height: 180px;
        align-items: baseline;
    }
    .solor-top-check-wrap .solor-top-check-item .h-100{
        height: auto !important;
    }
    .mobile-pddin-0{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .sticker-hero, .banner-button-wrp{
        display: none;
    }
    .header-wrap-inner {
        /*position: relative;*/
    }
    .header-wrap-inner.ads-sticky{
        position: fixed;
        width: 100%;
        top: 0;
    }
    .logo-wrap img {
        max-width: 80%;
    }
    .mobile-menu-wrap {
        display: none;
        top: 129px;
        width: 100%;
        background: #fff;
        right: 0px;
        border: none;
        padding: 0;
    }
    .left-button {
        text-align: center;
        margin-top: 10px;
        padding-right: 15px;
    }
    .left-button .site-btn {
        width: fit-content;
        padding: 10px 24px;
    }
    /* Hero Banner */
    .mobil-head-phone{
        display: none;
    }
    .heading-section-who h2:after{
        width: 50%;
        right: auto;
        left: 18px;
    }
    .advantages-wrap, .who-we-are, .hero-banner{
        overflow: hidden !important;
    }

    .hero-banner {
        margin-top: 0px !important;
    }
    /* .hero-banner:not(.template-solor) { */
    .hero-banner{
        background-image: none !important;
    }

    .advantages-wrap{
        background-position: left;
    }
    .advanatage-middle-heading h2{
        font-size: 30px;
    }
    .advanatage-form-set h2{
        font-size: 24px;
    }
    .form-advantage input{
        margin-bottom: 36px;
    }
    .banner-content h1 {
        text-align: center;
	font-size: 40px;
	line-height: 52px;
    }
    .heading-section-who.custom h2::after{
        display: none;
    }
    .banner-content h2{
        text-align: center;
        font-size: 24px;
    }
    .banner-content p{
        font-size: 20px;
        text-align: center;
    }
    .site-main-btn{
        margin: 0 auto;
    }
    .hedd-sec p{
        font-size: 20px;
        padding: 0 16px;
    }
    .hedd-sec .two-color-heading{
        font-size: 30px;
        margin-bottom: 25px;
    }
    .advance-servics-box{
        margin-bottom: 40px !important;
        flex: 100%;
    }
    .text-card h2 br, .text-card p br{
        display: none;
    }
    .advantage-card{
        min-height: 255px;
    }
    .form-advantage {
        width: 90%;
    }
    .content-whoe-we p{
        padding-left: 0;
    }
    .heading-sec-test h2{
        font-size: 30px;
    }
    .test-slied p{
        font-size: 20px;
        padding: 0;
    }
    .testimonila .slick-prev, .testimonila .slick-next{
        top: 52%;
    }
    .test-slied span{
        font-size: 16px;
    }
    .faq-head h2, .hed-addi h2, .footer-head h2{
        font-size: 32px;
    }
    .addi-image-wrp img{
        width: 100%;
    }
    .footer-head p{
        font-size: 20px;
    }
    .footer-conta-icn{
        margin-bottom: 75px;
    }
    .trstimobial-inner{
        padding: 25px 35px !important;
    }
    .slick-prev {
        left: -14px !important;
    }
    /* .template-solor .mobile-hero-img{
        display: none !important;
    } */
    .mobile-hero-img{
        display: block;
    }
    #hero .row{
        flex-direction: column-reverse;
        padding-top: 58px !important;
    }
    .banner-content{
     padding-top: 12px !important;
    }
    .banner-content h1{
        margin-bottom: 0 !important;
    }
    .template-dragnoa .banner-content h2{
        font-size: 40px;
    }
    .template-dragnoa .banner-content p {
        font-size: 20px !important;
        line-height: 36px !important;
    }
    .page-id-255 .banner-content h1, .page-id-263 .banner-content h1 {
        text-align: center;
    }

    .banner-content p{
        font-weight: 400;
        color: #091339;
        line-height: 35px !important;
    }
    .template-steam .banner-content h1{
        margin-bottom: 15px !important;
    }
    .template-steam .banner-content p br{
        display: none;

    }
    .solor-top-check-item p br{
        display: none;
    }
    .top-solar-bottom-heading, .solor-secound-sec .solor-secound-head h2{
        font-size: 26px;
        line-height: 34px;
    }
    #solar-section .row-mb-5{
        margin-bottom: 30px;
    }
    .safety-at-work, .our-advantages-sec{
        padding: 40px 0;
    }
    .page-id-255 #hero .row, .page-id-263 #hero .row{
        padding-top: 0px !important;
    }

}


@media (max-width: 415px) {
    .page-id-263 .banner-content h2 {
        font-size: 36px;
    }
}
@media (max-width: 376px) {
    .solor-top-check-wrap .solor-top-check-item h2 {
        font-size: 18px;
    }
}