@charset "utf-8";
    @media (max-width: 1200px) {
    .div-center, .div-center .col-md-6.banner {
    width: 100%;
    float: left;
}
.div-center {
    padding-left: 2%;
    padding-right: 2%}
.company-intro .contact-form, .company-intro .contact-info {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}
.producwindow img {
    max-width: 100%}
#main-menu {
    display: block;
}
}

@media all and (max-width:1000px) {
    .vision-missionbox .visionbox {
        text-align: left
    }

    .vision-missionbox .visionbox p {
        padding-left: 30px;
    }

    .vision-missionbox{ background-image: none; background-color: #ededed; margin-bottom: 30px;}
}

@media all and (max-width:800px) {

    .pinfo-long, .pinfo-long span {
    float: left;
    font-size: 12px;
}
.pinfo-long, .pinfo-long .pinfo-item, .pinfo-long span, .pinfo-short .pinfo-item {
    font-size: 12px;
}
#showmenu {
    display: block;
}
#main-menu {
    display: none;
    width: 100%;
    background: #FFF;
    text-align: center;
}
.navigation nav ul {
    padding: 20px 0;
    text-align: center;
}
.navigation nav ul li {
    display: inline-block;
    margin: 0 20px;
}
.logowrap {
    padding-top: 15px;
    padding-bottom: 15px;
}
.product-box h2 a {
    margin-left: 60%}
.technical-info .pinfo-item {
    width: 33%;
    font-size: 12px;
}
.pinfo-long, .pinfo-long span, .product-chart .pinfo-short {
    width: 100%}

.mainwindow .banner, .mainwindow .bannertext {
   min-height:20px;
    }

.mainwindow .banner img{ 
    height:auto;
    width: 100%; 
}
  


}

@media all and (max-width:568px) {
    .navigation nav ul li {
    width: 100%}
.contact-info .address-wrap {
    padding: 30px 0;
    font-size: 12px;
}
.parallex-title h2 {
    font-size: 20px;
}
.parallex-title h4 {
    font-size: 16px;
}
.footer-saberion, .footer-socails, .site-rights {
    float: left;
    text-align: center;
    width: 100%}
.site-rights div {
    text-align: center;
    width: 100%;
    font-size: 11px;
    margin-right: 0;
}
.mainwindow h2 {
    font-size: 18px;
    padding: 0 4%}
.mainwindow p {
    font-size: 14px;
    padding: 0 4%}
.bx-wrapper .testiminial-item img {
    max-width: none;
    height: 100%;
    width: auto;
}
#testimonials h3, #testimonials h4, #testimonials p {
    font-size: 14px;
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
}
#testimonials div.testiminial-item div {
    max-width: 80%;
    right: 10%}
#testimonials h3, #testimonials h4 {
    line-height: 18px;
    padding: 10px 0;
    min-width: 200px;
}
.main-content h2, .producwindow h2, .solco-on-roof h2, .testimonialsbox h2 {
    font-size: 20px;
    padding: 0 3%}
#signup {
    width: 96%!important;
    left: 0!important;
    margin-left: 3%!important;
}
#signup .txt-fld {
    width: 100%}

    #showmenu { 
    right: 10px;
    }

    .maharaja-logo{ max-width: 40px; }
    a.header-youtube{ margin-right: 24px; }

 .solco-on-roof p{ margin: 20px; width: calc(100% - 40px); font-size: 16px; } 
 .product-details img{ max-width: 100% }  
 .technical-info .pinfo-item, .pinfo-long, .pinfo-long .pinfo-item, .pinfo-long span, .pinfo-short .pinfo-item{ font-size: 9px; overflow: hidden; }
}

@media all and (max-width:480px) {
     a.header-youtube{ margin-right:  0px; }
     .maharaja-logo{ display: none; }
}