@media (min-width:768px) and (max-width:1024px){
	/* iPad portrait to landscape */
}
@media (width:768px){
	/* iPad portrait only */
}
@media (max-width:1024px){
	.couponspage_list li {
		flex-basis: calc(100%);
	}
}
@media (max-width:767px){
	/* smaller than iPad portrait */
	.mobile{ display: block; }
	.lcol,
	.rcol,
	.mobileblock{ float: none !important; clear: both !important; display: block !important; width: 100% !important; margin: 0 0 30px !important; }
	#mainnav{ display: none; }
	a#mobilenavlink{ display: block; }
}

@media (max-width:480px){
	/* smaller than iPad portrait */
	.mobile{ display: block; }
	.lcol,
	.rcol,
	.mobileblock{ float: none !important; clear: both !important; display: block !important; width: 100% !important; margin: 0 0 30px !important; }
	#mainnav{ display: none; }
	a#mobilenavlink{ display: block; }
	.catnav{
		clear: both;
	}
	.catnav li a{
		width:50%;
	}
	.width66, .width33, .width50{
		width:100% !important;
	}
	/* #sideshare{
		display: none;
	} */
	.panel{
		width:100% !important;
	}
	#maincontent{
		width:100% !important;
		padding: 10px !important;
	}
	#footernav > li{
		width:100% !important;
		margin-bottom:20px;
		text-align: center;
	}
	#homeheader{
		padding: 10px 10px 100%;
	}
	#homeheader #logo{
		width:50px;
	}
	body.homepage a#mobilenavlink {
		left: 70px;
		top: 10px;
	}
	body.homepage .langnav {
	    margin: 0px 10px 10px 10px;
	}
	#homeheader .socialnav{
		display: none;
	}
	#homeheader .usernav {
	    margin: 4px 0px 10px 29px;
	}
	.usernav li a{
		/* padding: 4px 10px 4px 0px; */
		padding: 5px 10px 3px 0px;
	}
	.usernav li a i{
		padding: 7px 7px;
	}
	body.homepage #mobilenav {
	    top: 50px;
	}
	#homeheader #frmSearch {
	    margin: 6% 0 0;
	    padding: 0px;
	}
	.catnav li a span.title{
		font-size: 11px;
	}
	.col.standout.homeeventsblock {
	    width: 92% !important;
	    margin-right: 0px;
	    margin: 0px 13px;
	}
	.catnav .cyclenav{
		top:49%;
	}
	iframe{
		width:100%;
	}
	.form-group{
		margin: 0px !important;
	}
}

@media screen and (width: 375px)
{
	.intlcode+.third {
		width: 230px!important;
	}
}