@media only screen and (min-width: 988px) {
    #layoutswitch {
        display: none;
    }
}

@media only screen and (max-width: 988px) {
    #home{
        bottom: 0 !important;
    }
    .container_12 {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        position: relative;
    }

    #headribbon {
        right: 11px;
    }

    #topNav {
        display: none;
    }

    #head form {
        padding-top: 11px;
    }

    #loginoutbutt {
        display: inline-block !important;
        text-transform: uppercase;
    }

    #mainNav {
        right: 0;
    }

    #mainNav li {
        margin: 0 0 0 4px;
    }

    #mainNav li a, #mobilemenubutt {
        font-size: 13px;
        height: 27px;
        padding: 8px 8px 0;
    }

    #mainNav ul {
        top: 35px;
    }

    #homecols .topcols {
        padding: 0 1% 24px 0;
        width: 100%;
    }

    #homecols .topcols, .newscol ul li {
        background-size: 100% 24px;
    }

    #homecols .topcols h2 a {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0;
    }

    #mainBar {
        width: 79%;
        float: left;
    }

    #sideBar {
        clear: both;
        float: none;
        width: 100%;
    }

    #innernav li li.on, .searchdirectorySection #innernav li li.menuLi52,
    .companysearchSection #innernav li li.menuLi53 {
        right: auto;
        width: auto;
    }

    #innernav li li.on a, .searchdirectorySection #innernav li.menuLi52 a,
    .companysearchSection #innernav li.menuLi53 a {
        padding: 14px 20px;
    }

    #innernav li li.on ul {
        background: none;
        padding: 0 0 10px;
    }

    #innernav li.catimg {
        min-height: 0;
    }

    #innernav li.catimg li a, #innernav li.catimg li.on a,
    .searchdirectorySection #innernav li.menuLi12,
    .companysearchSection #innernav li.menuLi12, #branchcatimg {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 0;
        height: 73px;
        width: 110px;
        overflow: hidden;
    }

    #innernav li a {
        padding: 25px 0 0 130px;
        height: 48px;
        font-weight: normal;
    }

    #innernav li li a {
        font-weight: bold;
    }

    #landingpageshortcuts {
        width: 100%;
    }

    .productsSection #mainBar, .myaccountSection #mainBar {
        width: 96%;
        padding: 20px 2%;
    }

    .productsSection #mainBar .padmeright {
        padding: 0;
    }

    #foot .grid_3 {
        width: 29%;
    }
}

@media only screen and (min-width: 780px) {
    #mobilemenu {
        display: none !important;
    }
}

@media only screen and (max-width: 780px) {
    #head {
        height: 135px;
    }

    #head form {
        display: none;
    }

    #mobilemenubutt {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 13px;
        background: url(../images/reisa-mobilenavbg.png) no-repeat right bottom;
        padding-right: 25px;
    }

    #mobilemenubutt:hover {
        background-position: right 0;
    }

    #mainNav, #upcomingEvents {
        display: none !important;
    }

    #headribbon {
        height: 125px;
        background-size: cover;
    }

    #headribbon h1 {
        padding: 25px 0 0 35px;
        font-size: 24px;
        line-height: 30px;
        width: 330px;
    }

    #homecols, #homecols3 {
        width: 100%;
        clear: both;
        display: flex;
        flex-flow: column;
    }

    #homecols3 .topcol {
        width: 28%;
        padding: 0 2%;
    }

    .twitterfeed {
        margin: 0;
    }

    #memberdetailleft, #memberdetailright1, #memberdetailright2 {
        width: 100%;
        float: none;
    }

    #foot .grid_3 {
        width: 46%;
    }
}

@media only screen and (max-width: 600px) {
    #headribbon, .nothome #headribbon {
        height: 100px;
        background-size: auto 100px;
    }

    #bannerFade {
        height: 100px;
    }

    #headribbon h1 {
        padding: 20px 0 0 20px;
        font-size: 17px;
        line-height: 22px;
        width: 230px;
    }

    .nothome #headribbon h1 {
        padding-top: 45px;
    }

    .bottombanner {
        display: none;
    }

    #home .botcol.grid_3, .myaccountSection .botcol.grid_3 {
        width: 100%;
        padding: 0 10px 10px;
    }

    #homecols3 .topcol {
        width: 100%;
        padding: 20px 0;
    }

    #home .botcol.welcomecol.grid_3, #home .topcol.homesinglediv.grid_3 {
        padding: 30px 0 0;
        margin: 20px 0;
        background: url(../images/reisa-innernavshadow.png) no-repeat center top #f5f5f5;
        background-size: 100% auto;
    }

    #home .botcol.welcomecol.grid_3 .padme,
    #home .topcol.homesinglediv.grid_3 .homesingle {
        padding: 0 20px 30px;
        margin: 0;
        background: url(../images/reisa-innernavshadow2.png) no-repeat center bottom;
        background-size: 100% auto;
    }

    #rhcol, #landingpageshortcuts {
        display: none;
    }

    #mainBar {
        width: 96%;
        padding: 20px 2%;
    }

    #mainBar .padmeright {
        padding: 0;
    }

    #foot .grid_3 {
        width: 96%;
    }
}

@media only screen and (max-width: 440px) {
    #mobilemenu {
        height: 450px;
    }
    #mobilemenu li {
        width: 100%;
    }
    #mobilemenu ul.active{
        display: block !important;
    }

    #mobilemenu li a {
        font-size: 13px;
        padding: 10px 8px 0;
        height: 30px;
        font-weight: normal;
        color: #000;
        background: #fff;
        width: 100%;
    }

    #eventdetailleft, #eventdetailright {
        width: 100%;
        margin-right: 0;
    }

    #product-image, #product-info {
        width: 94%;
        float: none;
    }

    .button.continue_shopping {
        display: none;
    }
}





@media only screen and (max-width: 768px) {
    #mobilemenu li a:hover { background: #fff !important; text-decoration: none; }
	#headribbon h1{ width: 100%; font-size: 16px; }
	#headribbon h1:last-child { float: right; margin-right: 2%; padding-left: 0; text-align: right; width: 42%; }
	#promospace { display: none; }
	.headerribbon_lft h4 { margin: 60px 0 10px; font-size:14px;}
	#headribbon { height: 105px;}
	#home .botcol.grid_3 { min-height: 370px;}
	#foot .grid_3 { width: 94%;}
	.affi_sec{ display:none;}
	.member { width: 30%; }
	#mainBar { width: 100%; }
}
@media only screen and (max-width: 360px) {
    #headribbon h4 {
		margin-top:35px;
		width:307px;
	}
	#headribbon, .nothome #headribbon {
		height: 120px;
	}
	#homecols .topcols {
		width: 100%;
	}
	.nich_img {
		margin: 0 2%;
		width: 45%;
	}
	#headribbon h1{ width: 322px; font-size: 12px; }
	.headerribbon_lft h4 { margin: 60px 0 10px;  font-size:10px;}
	#headribbon h1:last-child { font-size: 16px; font-weight: 900; margin-top: -35px; margin-left:10px; margin-right: 0; padding-left: 0; text-align: left; width: 100%;  }
	#home .botcol.grid_3 { min-height: 250px;}
	.headerribbon_lft { width: 100%; }
	#headribbon h4 { width: 328px; }
	.container_12 { margin-left: 6%;  margin-right: 6%; width: 88%; }
	.footer_copy .container_12 { width: 88%; }
	.member { margin: 1% 7.5%; width: 83%;}

	.member_details .details #member{ width:90%; margin:0 5% 5%;}
	 #mainBar { width: 96%; padding: 20px 2%; }
        .accordion{ width:90%;}
	 
#mobilemenu {
    padding: 5%;
    margin: 40px 0 0;
    width: auto;
    z-index: 99;
    display: block;
    width: 90%;
    max-width: 400px;
    position: absolute;
    top: 122px;
    right: 0;
    margin: 0;
	background: #4261aa;/*
    background: url(../image/reisa-mobilemenugrad.png) repeat-x right 0;*/
    height: 430px !important;
	max-height:430px;
	overflow: scroll;
    display: none;
}


#mobilemenu li {
    display: inline-block;
    float: left;
    list-style: none;
    margin: 0 0 0 6px;
    padding: 0;
    position: relative;
    z-index: 99;
    width: 100%;
    margin: 0;
            /*box-sizing: border-box;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: solid #777;
    border-width: 0 0 1px 1px;*/
}

#mobilemenu li:nth-child(odd) {  border-width: 0 0 1px 0; }

#mobilemenu li a { display: block; color: #333; padding: 8px 14px 8px; height: auto; color: #fff; background: url(../image/reisa-mainnavbg.png) repeat-x 0 bottom; font-weight: bold; font-size: 15px; background: none; }

#mobilemenu li a:hover { background: #fff !important; text-decoration: none; }
/*
#mobilemenu ul { display: block !important; }*/

#mobilemenu li ul, #mobilemenu li ul ul { padding: 0px 0 0px 15px; display:none;}

#mobilemenu li:hover ul{ display:block !important; }

#mobilemenu li#mobilesearch { display: block; width: 50%; border-width: 0; }

#mobilemenu li#mobilesearch form { display: block; padding-top: 11px; }

}