nav {
     background: #424649;
     position: relative;
     margin: 0 auto;
}
 #flexmenu{
     display: flex;
     flex-flow: row wrap;
}
 .logo {
     z-index: 123;
     padding: 10px;
     color: #FFF;
     flex-grow: 1;
     flex-shrink: 1;
}
 .logo a {
     color: #F14F80;
}
 #main-menu{
     align-self: flex-end;
}
/* keep the drop-downs from being hidden by content wrappers etc */
 .sub-menu {
     z-index: 1234;
}
/* General Menu Styling */
 #flexmenu li, #flexmenu li a{
     border: 0;
     list-style: none;
     line-height: 1;
     display: inline-block;
     position: relative;
     text-transform: uppercase;
     transition: all ease-in-out .3s;
}
 #flexmenu ul li a {
     padding: 17px;
     font-size: 14px;
     letter-spacing: UNSET;
     text-decoration: none;
     color: #ddd;
     font-weight: unset;
     font-family: arial;
}
 #flexmenu ul li.has-sub > a {
     padding-right: 30px;
}
/* Drop icon */
 #flexmenu ul li.has-sub > a:after {
     position: absolute;
     top: 22px;
     right: 11px;
     width: 8px;
     height: 2px;
     display: block;
     background: #F14F80;
     content: '';
}
 #flexmenu ul ul li.has-sub > a:after {
     position: absolute;
     top: 16px;
     right: 11px;
     width: 8px;
     height: 2px;
     display: block;
     background: #FFF;
     content: '';
}
 #flexmenu > ul > li.has-sub > a:before {
     position: absolute;
     top: 19px;
     right: 14px;
     display: block;
     width: 2px;
     height: 8px;
     background: #ddd;
     transition: all .25s ease;
}
 #flexmenu > ul > li.has-sub:hover > a:before {
     top: 23px;
     height: 0;
}
 #flexmenu ul ul li.has-sub > a:before {
     position: absolute;
     top: 13px;
     right: 14px;
     display: block;
     width: 2px;
     height: 8px;
     background: #FFF;
     content: '';
     transition: all .3s ease;
}
 #flexmenu ul ul > li.has-sub:hover > a:before {
     top: 17px;
     height: 0;
}
 #flexmenu ul ul li.has-sub:hover, #flexmenu ul li.has-sub ul li.has-sub ul li:hover {
     background: #751CEC;
}
/* Submenu default states, removed by hover gives the animation */
 #flexmenu ul ul {
     position: absolute;
     left: -9999px;
}
 #flexmenu li:hover > ul {
     left: auto;
}
 #flexmenu ul ul li {
     height: 0;
     background: #F14F80;
     transition: all .25s ease 
}
 #flexmenu li:hover > ul > li {
     height: 35px;
}
/* tertiary menu */
 #flexmenu ul ul ul {
     margin-left: 100%;
     top: 0;
}
 #flexmenu ul ul li a {
     padding: 11px 15px;
     width: 170px;
     font-size: 12px;
     text-decoration: none;
     color: #FFF;
     font-weight: 400;
}
 .note {
     width: 100%;
     max-width: 100%;
     min-height: 180px;
     text-align: center;
     background: #fff;
     font-size: 1vw;
     background-clip: padding-box;
}
 .note h2 {
     font-weight: 300;
     font-size: 1.5em;
     margin: 10px 0 0;
}
 .note p{
     margin: 5px;
}
 @media screen and (max-width: 768px) {
    /* Center the logo and remove the bar */
     .logo {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 46px;
         text-align: center;
         padding: 10px 0 0 0;
    }
    /* Hamburger */
     .button {
         background: #6EBE43;
         width: 60px;
         height: 48px;
         position: absolute;
         right: 0;
         top: 0;
         cursor: pointer;
         z-index: 10000;
    }
     .button:after {
         position: absolute;
         top: 22px;
         right: 20px;
         display: block;
         height: 4px;
         width: 20px;
         border-top: 2px solid #dddddd;
         border-bottom: 2px solid #dddddd;
         content: '';
    }
     .button:before {
         transition: all .3s ease;
         position: absolute;
         top: 16px;
         right: 20px;
         display: block;
         height: 2px;
         width: 20px;
         background: #ddd;
         content: '';
    }
    /* Turn it into an X when open */
     .button.menu-opened {
         background: #6EBE43;
    }
     .button.menu-opened:after {
         transition: all .3s ease;
         top: 23px;
         border: 0;
         height: 2px;
         width: 19px;
         background: #fff;
         transform: rotate(45deg);
    }
     .button.menu-opened:before {
         top: 23px;
         background: #fff;
         width: 19px;
         transform: rotate(-45deg);
    }
    /* reset horizontal styles */
     #flexmenu ul {
         display: none;
    }
     #flexmenu ul li, #flexmenu ul li a, #flexmenu ul ul li a{
         width: 100%;
    }
     #flexmenu ul ul li, #flexmenu li:hover > ul > li {
         height: auto;
    }
     #flexmenu ul ul li a {
         padding-left: 25px;
    }
     #flexmenu ul ul ul li a {
         padding-left: 35px;
    }
     #flexmenu ul ul, #flexmenu ul ul ul {
         position: relative;
         left: 0;
         width: 100%;
         margin: 0;
         text-align: left;
    }
     #flexmenu ul ul ul li.active a {
         border-left: none;
    }
     #flexmenu > ul > li.has-sub > ul > li.focus > a, #flexmenu > ul ul > li.has-sub > ul > li.focus > a {
         background: #262626;
         transition: all .3s ease;
    }
    /* remove cross when menu item is toggled */
     #flexmenu > ul > li.has-sub > a:after, #flexmenu > ul > li.has-sub > a:before, #flexmenu ul ul > li.has-sub > a:after, #flexmenu ul ul > li.has-sub > a:before {
         display: none;
    }
    /* submenu toggles */
     #flexmenu .submenu-button {
         position: absolute;
         z-index: 99;
         right: 0;
         top: 0;
         display: block;
         border-left: 1px solid #444;
         height: 46px;
         width: 46px;
         cursor: pointer;
    }
     #flexmenu ul ul .submenu-button {
         height: 34px;
         width: 34px;
    }
     #flexmenu .submenu-button:after {
         position: absolute;
         top: 22px;
         right: 19px;
         width: 8px;
         height: 2px;
         display: block;
         background: #ddd;
         content: '';
    }
     #flexmenu ul ul .submenu-button:after {
         top: 15px;
         right: 13px;
    }
     #flexmenu .submenu-button.submenu-opened:after {
         background: #fff;
    }
     #flexmenu .submenu-button:before {
         position: absolute;
         top: 19px;
         right: 22px;
         display: block;
         width: 2px;
         height: 8px;
         background: #ddd;
         content: '' 
    }
     #flexmenu ul ul .submenu-button:before {
         top: 12px;
         right: 16px;
    }
     #flexmenu .submenu-button.submenu-opened:before {
         display: none;
    }
     .note{
         font-size: 3vw;
    }
     .site-logo {
         position: relative;
         left: auto;
         top: 15px;
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .site-header-subtitle {
         position: relative;
         top: 10px;
         left: unset;
         letter-spacing: 11px;
         font-size: 1.5em;
    }
     .site-header-title {
         position: relative;
         top: 10px;
         left: unset;
         letter-spacing: 0;
         font-size: 2.2em;
    }
     .site-main-container-wrapper {
         width: 100%;
         height: auto;
         margin: 0 auto;
         position: relative;
         padding: 18px 0 0 0;
    }
     .header-company {
         color: #0C4731;
         font-family: 'Source Sans Pro',sans-serif;
         font-size: 1em;
         letter-spacing: 0;
         text-transform: uppercase;
    }
     .header-welcome {
         color: #00923F;
         font-family: 'Source Sans Pro',sans-serif;
         font-size: 0.7em;
         letter-spacing: 1px;
         text-transform: uppercase;
    }
     .site-main-container {
         width: 100%;
         height: auto;
         margin: 0;
         padding: 0;
    }
     .site-footer-wrapper {
         width: 100%;
         height: 134px;
         margin: 0 auto;
         position: relative;
    }
     .main-container-headers {
         padding-left: 5px;
    }
     .main-discription, .sub-discription {
         padding-left: 5px;
         padding-right: 5px;
    }
     .main-container-sub-header {
         font-size: 1.4em;
         margin: 0 0 20px;
         padding-top: 0;
    }
     .main-container-sub-header {
         font-size: 1.4em;
         margin: 0 0 20px;
         padding-top: 0;
         padding-left: 5px;
    }
     .lipl1 {
         width: 100% !important;
    }
     .lipl2 {
         width: 100% !important;
    }
     .lp3 {
         clear: both;
    }
     
     
    .site-baner-wrapper {
    height: 322px;
    margin: 0 auto;
    position: relative;
    width: 100%;
} 
     
 .site-baner {
 
    height: unset;
    width: 100%;
}    
     
 .site-baner-wrapper {
    height: auto;
 
}    
 .site-baner-wrapper img {
    width: 100%;
    height: auto;
} 
 p.main-discription img {
    width: 100%;
}    
  
  .ht-img li {
    float: none;
    margin-right: 0;
    width: 100%;
}
     
     img.green-border {
    display: table;
    margin-right: auto;
    margin-left: auto;
}
 .product-img li {
    float: none;
    margin: 0;
    width: 100%;
}  
     
 .main-container-sub-header, .green-border, .product-img li a {
    border-color: #630e11;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
     
.product-img li a {
    padding: 0;
    text-decoration: none;
    border: thin solid #6FBE44;
}
.client_list a {
    font-size: 1em;
    padding-left: 15px;
}
   .cli_right {
    color: #787878;
    float: left;
    margin: 0 !important;
    width: 100% !important;
    padding-bottom: 1em;
    padding-left: 0;
}
     

.req_text {

    padding: 1em;
}
   .center {
    display: block;
    margin: auto;
    margin-top: 0px;
    min-width: 100% !important;
}  
     
.center {
    display: block;
    margin: auto;
    margin-top: 0px;
    min-width: 100% !important;
}  
 .site-main-container {
    margin-top: 0 !important;
}    
     
  .t0 {
    font: 13px 'Arial';
    margin: 0 auto;
    width: 100%;
  
}   
     
.contact {
    float: left;
    margin: 0 !important;
    width: 100% !important;
}   
     
.contact_details {
    float: left;
    font-family: 'Source Sans Pro',sans-serif;
    margin: 0 !important;
    width: 100% !important;
        padding-left: 0;
}   
   
    .req_text {
    color: #acadad;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0 !important;
    width: 100% !important;
    text-align: left !important;
} 
     
   .cli_right p {
    float: right;
    margin: 0 !important;
    width: 100% !important;
       padding-right: 0 !important;  
}  
     
.cli_left {
    float: left;
    margin: 0 !important;
    width: 70% !important;
    color: #424649;
        padding-left: 1em;
}   
.site-baner {

    height: 140px;

}    
     
     
   .cli_right {
    color: #787878;
    float: left;
    margin: 0 !important;
    width: 100% !important;
       padding-bottom: 1em;
           padding-left: 1em;
}  
     
     
.pro-main-img {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
    height: auto;
}     
     
 .tbl-product {
    background-color: #6DC62E;
    display: block;

    width: 100%;
}  
     
 .pro-header {
    line-height: 30px;
    margin: 0 0 15px;
    padding-left: 15px;
}    
     
     
     
  .site-baner {
    height: 150px;
}   
   
     
.header-sub img {
    width: 100%;
    height: auto;
} 
     
 .main-img {
    float: right;
     margin: 25px 0 0;
    width: 100%;
    height: auto;
        display: flex;
    align-items: center;
    justify-content: center
}    

     
     .sub-img {
    margin: 25px 0 0;
    width: 100%;
    height: auto;
}
     
     
     
.sollas-pro-imgs {
   
}
 ul.sollas-pro-imgs img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    display: block;
    margin: auto auto;
}

 ul.down-im-list img {
    width: 100%;
    height: auto;
      display: flex;
    align-items: center;
    justify-content: center;
    display: block;
    margin: auto auto;
}    
     
 .sollas-pro-imgs li {
    float: left;
    margin: 0;
    /* padding: 1em 0 0 1em; */
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}    
 .down-im-list li {
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
} 
     
 .down-im-list {
    float: right;
    margin: 0;
}
.sub-sollas-img {
    float: none;
    margin: 0;
}
 .mimage {
    width: 100%;
}
.bandum_solla_list {
     float: none;
    list-style: disc outside none;
    margin: 20px 0 0 40px;
    width: 100%;
}
 
.bandum_solla_list {
    float: none;
     }
     
.col-md-6 {
    width: 100% !important;
    float: none !important;
}
     
     ul.client_list {
    width: 100% !important;
    float: left;
}
 #flexmenu ul li a {
    padding: 17px;
    font-size: 14px;
    letter-spacing: UNSET;
    text-decoration: none;
    color: #ddd !IMPORTANT;
    font-weight: unset;
    font-family: arial;
}
     
.ht-img li {
    float: none;
    margin-right: 0;
    width: 100%;
    padding-bottom: 1em;
}
     
 .image1 {
    float: none;
    width: 100%;
}   
     
  div#id_1 {
    height: unset !important;
}
     
.image2 {
    float: none;
    width: 100%;
}
div#id_2 {
    height: unset !important;
}
.image4 {
    float: none;
    margin: 0 !important;
    width: 100% !important;
}    
 .image6 {
    float: left;
    width: 100%;
}    
     
     
 .sx_img {
    float: left;
    margin: 0;
    width: 100%;
}    
     
 .dis_p1 {
  
    margin: 0;
    text-align: justify;
      width: 100%;
}    
   .dis_p2{
    
    margin: 0;
    text-align: justify;
    width: 100%;
}
     .dis_p3 {
    
    margin: 0;
    text-align: justify;
    width: 100%;
}
.dis_p4 {
    
    margin: 0;
    text-align: justify;
    width: 100%;
}
     
 .sx2_img {
    margin: 0;
    width: 100%;
    float: left;
}
.sx3_img {
    margin: 0;
    width: 100%;
}
     .sx4_img {
    margin: 0;
    float: none;
    width: 100%;
    height: auto;
}
     .sx6_img {
    float: left;
    width: 100%;
}
     
 .solla-hst-right-col {
    width: 100%;
}    
 .solla-hst-left-col.cols {
    width: 100%;
}
     .cols {
    float: none;
}
     
     .solla-hst-mid-col.cols {
    width: 100%;
    margin-left: 10px;
}
 .p26 {
    text-align: left;
    padding-left: 54px;
    padding-right: 0px;
    padding-top: 17px;
    margin-top: 17px;
    margin-bottom: 0px;
    text-indent: -48px;
    display: none;
}    
     
 img {
    vertical-align: middle;
    
}    
  .center {
    display: block;
    margin: auto;
    margin-top: 0px;
    min-width: 100%;
}   
     
     
     
     
     
}


.col-md-6 {width:50%;float:left}

 .partners-logo img {
     margin: 1em;
}
 .partners-logo li {
     list-style: none;
     float: left;
     margin: 0;
}
 .lipl1 {
     width: 18%;
}
 .lipl2 {
     width: 27.3%;
}
 .partners-logo img:hover {
     padding: 0;
}
 .hidemobile {
    display: block 
}
 .showmobile {
    display: none 
}
 .clear {
    clear: both
}
 .imgresponsive {
    width:100%
}
 @media(max-width:767px){
     
     
     #flexmenu ul li a {
    padding: 17px;
    font-size: 14px;
    letter-spacing: UNSET;
    text-decoration: none;
    color: #ddd !IMPORTANT;
    font-weight: unset;
    font-family: arial;
    /* padding: 0; */
    margin: 0 !important;
    padding-left: 0;
    padding-right: 0;
}
     
     #flexmenu li, #flexmenu li a {
    border: 0;
    list-style: none;
    line-height: 1;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
    padding-left: 15px;
}
     
     .solla-hst-right-col.cols img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}
     .solla-hst-mid-col.cols img {
    margin-top: 30px;
    display: block;
    margin: auto auto;
    margin-bottom: 1em;
}
     
     body {
         overflow-x: hidden;
     }
     
     
     p {
    font-family: arial;
    margin-bottom: 13px;
    color: #5B5B5B;
    font-size: 0.9em;
    line-height: 17px;
    text-align: justify;
     
}
     
     .partners-logo img {
    margin: 1em;
    display: block;
    margin: auto auto;
    margin-bottom: 20px;
}
     
     .hidemobile{
        display: none 
    }
     .showmobile {
        display: block 
    }
     
     
    .contact_details {
    float: none;
    font-family: 'Source Sans Pro',sans-serif;
    margin: 0;
    width: 100%;
} 
 nobr {
    white-space: pre-line;
}
     .bandum_solla_list {
font-size: 14px;
    margin: 0;
    width: 100%;

    list-style-position: inside;

}
  ul.bandum_solla_list li {
    padding-left: 1em;
}
     
  table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
}
     
     table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
}
     
 .dis_p1 {
    float: left;
    margin: 0;
    text-align: justify;
    width: 600px;
}
.sx_sub_main_p {
    float: left;
    margin: 0;
    text-align: justify;
    width: 100%;
}
  .dis_p1 {
    float: left;
    margin: 0;
    text-align: justify;
    width: 100%;
}   
     
 .pro-header {
    line-height: 30px;
    margin: 0 0 15px;
    padding-left: 15px;
    padding-right: 15px;
}
p.main-discription img {
    width: 100%;
    height: auto;
}
     
  .col-md-6   img {
    vertical-align: middle;
    width: 100%;
}
.main-discription, .sub-discription {

    font-size: 12px !important;
}   
  #flexmenu ul li, #flexmenu ul li a, #flexmenu ul ul li a {
    width: unset;
      float: none;
          display: block;
}   
  .cli_right {
    color: #787878;
    float: left;
    margin: 0 !important;
    width: 100% !important;
    padding-bottom: 1em;
    padding-left: 0;
}
 .li_right {
    float: none;
    margin: 10px 0 0;
}
     
  .contact li {
    color: #5b5b5b;
    font-family: 'Source Sans Pro', sans-serif;
    width: 100% !important;
      
}
     .contact input {
    background-color: #e0e0e0;
    border: solid thin #e8e8e8;
    height: 25px;
    width: 100%  !important;
}
     
 .contact textarea {
    background-color: #e0e0e0;
    border: solid thin #e8e8e8;
   width: 100%  !important;
}    
     
  ul.contact li.li_right input.btn_sub {
    height: 44px;
    margin: 0 !important;
    width: 100% !important;
    border: solid thin #e8e8e8;
}  
     .req_text {
    padding: 0;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    

    .hidemobile {
    display: none;
}
.showmobile {
    display: block;
    margin-bottom: 0.5em;
}
    
   .partners-logo img {
    margin: 1em;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}
    
    li.lipl1 {
    width: 50% !important;
    float: left !important;
}
    
    li.lipl2 {
  
    width: 50% !important;
    float: left !important;
}
    
    
li.lipl2.lp3 {

    width: 50% !important;
    float: left !important;
    /* clear: unset !important; */
}   
    
    
 li.lipl2 {
  
    width: 50% !important;
    float: left !important;
}   
  .main-container-sub-header {
    font-size: 2em;
    text-align: center;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
} 
     .contact li {
    color: #5b5b5b;
    font-family: 'Source Sans Pro', sans-serif;
    width: 100% !important;
      
}
     .contact input {
    background-color: #e0e0e0;
    border: solid thin #e8e8e8;
    height: 25px;
    width: 100%  !important;
}
     
 .contact textarea {
    background-color: #e0e0e0;
    border: solid thin #e8e8e8;
   width: 100%  !important;
}    
     
  ul.contact li.li_right input.btn_sub {
    height: 44px;
    margin: 0 !important;
    width: 100% !important;
    border: solid thin #e8e8e8;
}  
     .req_text {
    padding: 0;
} 
    
   .main-container-sub-header {
    color: #013473;
    padding-top: 2em;
} 
    
   }