body {
overflow-x: hidden !important;
}
@media only screen and (max-width:975px) {
body -webkit-scrollbar-thumb {
    background-color: #dcdcdc;
}
body::-webkit-scrollbar-track {
    background-color: rgba(250,240,240,0.9);
}
body::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
.sidenav {
     height: 100%;
	 min-height:100%;
	 overflow-y: auto;
    width: 0;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    background-color: rgb(255, 255, 255);
    transition: 0.3s;
    border: 0;
	outline: 0;
	font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
.sidenav::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
}
.sidenav::-webkit-scrollbar-track {
    background-color: rgba(250,240,240,0.9);
}
.sidenav::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
.closebtn {
	background-color: #FFF;
    border-color: rgb(238, 238, 238);
    width: 68px;
    height: 52px;
    display: inline-block;
    background: #fff;
    border: 1px solid #eee;
	border-left:0px;
    text-align: center;
    cursor: pointer;
    float: right;
	margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
	
}

.NavOpen {
	font-size:50px;
	cursor:pointer;
	color:#FFF;
	line-height: 0.9em;
	padding: 0 6px;
	background: #298a47;
}
.widget-HamburgerMenu {
width:100%;
background-color:#e26e1b;
margin-top:0px !important;
}

.Navigations {
width: 100%;
    min-height: 60px;
    overflow: hidden;
    background-color: #eee;
    position: relative;
}
.Navigations li {
display: list-item;
    text-align: -webkit-match-parent;
}
.Navigations ul {
list-style-type: none;
    list-style: none;
	line-height: 1.538em;
    margin: 0;
    padding: 0;
}
#mySidenav li{
list-style: none !important;
}
.Navigations ul li a {
transition: 0.6s;
text-decoration: none;
    list-style-type: none;
    padding: 16px;
    font-size: 18px;
    width: 100%;
}
.Navigations .xs-last li a {
    border-bottom: 1px solid #fff;
    background-color: #298a47;
	color: #fff;
	transition: 0.6s;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.538em;
}
.Navigations .xs-last li a:hover {

 background-color: #298a47;
    color: #fff;
 }
.Navigations ul li a:hover {
		text-decoration: none;
		background-color: #298a47;
		color: white;
	}
.SUBMENU , .SUBMENU1 , .SUBMENU2 , .SUBMENU3 , .SUBMENU4 ,.SUBMENU5 , .SUBMENU6 , .SUBMENU7 , .SUBMENU8 , .SUBMENU9 , .SUBMENU10
{
border-bottom: 1px solid #298a47;
    background-color: #fff;
	color:#298a47;
	    text-decoration: none;
    font-size: 16px;
	font-weight:bold;
    transition: 0.3s;
    display: block;
	padding:5px;
}

.mainmenu 
{
border-bottom: 1px solid #298a47;
background-color: #FFF;
	color:#298a47;
	    text-decoration: none;
    font-size: 16px;
	font-weight:bold;
    transition: 0.3s;
    display: block;
	padding:5px;
}
.sidenav {margin-top: -2px;}
#mySidenav .SUBWANSHOW {
	max-height: 0;
	transition: max-height 0.3s ease-out;
    overflow: hidden;
	background-color: #FFF;
	border:0px solid #e26e1b;
}


#mySidenav .visible {
    max-height: 500px;
    transition: max-height 0.5s ease-in;
	border-left: 1px solid #e26e1b;
	border-right: 1px solid #e26e1b;
}

.submenuborders { border:1px solid #e26e1b;border-bottom:0px; width:100%;}
#main { display:block;}
}
@media only screen and (min-width:975px) {
#mySidenav { display:none; overflow-x: hidden;}
#main { display:none;}
}







@media (min-width: 975px) {
	
	.widget-HomeBanner,.widget-whitepapersroofbanner,.widget-trainingeventsbanner,.widget-casestudyheadbanner,.widget-featuresroofbanner,.widget-archiveroofbanner,.widget-productsservicesroofbanner,.widget-opinionroofbanner, .widget-top-tips-roofbanner,.widget-buyersguideroofbanner,.widget-HomeBanner {
        display: block;
    }
	.widget-casestudymobile,.widget-featuresmobile,.widget-archivemobilebanner,.widget-productsservicesmobile,.widget-trainingeventsmobile,.widget-opinionmobilebanner, .widget-top-tips-mobilebanner,
	.widget-HomeBannerMobiles, .widget-buyersguidemobile, .widget-whitepapersmobile {
		display:none;
		visibility: hidden;
	}
}
@media (max-width: 975px) {
.NavOpen { display:block; }
.subMenus { display:none !important; }
#mySidenav { display:block; }
	.widget-HomeBanner,.widget-whitepapersroofbanner,.widget-trainingeventsbanner,.widget-casestudyheadbanner,.widget-featuresroofbanner,.widget-archiveroofbanner,.widget-productsservicesroofbanner,.widget-opinionroofbanner, .widget-top-tips-roofbanner, .widget-buyersguideroofbanner,.widget-HomeBanner {
        display: none;
		visibility: hidden;
    }
	.widget-casestudymobile,.widget-featuresmobile,.widget-archivemobilebanner,.widget-productsservicesmobile,.widget-trainingeventsmobile,.widget-opinionmobilebanner, .widget-top-tips-mobilebanner,
	.widget-HomeBannerMobiles, .widget-buyersguidemobile, .widget-whitepapersmobile {
		display: block;
		z-index: -100;
	}
}

@media (min-width: 975px) {
#mySidenav { display:none; }
.NavOpen { display:none !important; }
.widget-HomeMidBannerTwo {
        display: none;
		visibility: hidden;
    }
}
@media (max-width: 975px) {
.widget-HomeMidBannerTwo {
        display: block;
    }
}

.centre-image-insert-caption {
margin-bottom:5px;
}


 /* Prevent the slideshow from flashing on load */
    #slides {
      display: none
    }

    /* Center the slideshow */
    .container {
      margin: 0 auto
    }

    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 10px;
        padding-right: 10px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }