/*@media screen and (max-width: 1024px){#sequence{min-height:324px !important;}}
@media screen and (min-width: 1025px) and (max-width: 1280px){#sequence{min-height:406px !important;}}
@media screen and (min-width: 1281px) and (max-width: 1440px){#sequence{min-height:460px !important;}}*/
@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {

#pagewrapper { width: 100%; }

#pagewrapper .socialmedia.vertical { 
    display: none;
}

/*Header Area*/
#downloadMobileApp{line-height: 120%;}
#utility{ clear: both; } /*background: none;*/
#utility-bar{height: 150px; width: 100%; border: none;}
/*#utility-bar .left{width: 90%; font-size: 250%; line-height: 120%;}*/
#utility-bar .left{ display: none; }
#utility-bar .right{width: 100%; clear: both; padding: 43px 0; } /* background: #ffffff; */
#utility-bar .right .international {width: 90% !important; height: 64px; padding-left: 6%; margin: 0 auto; } /* border: 1px solid red; */
#utility-bar .right .international li{ width: 78px; height: 64px; background-size: 100% 100% !important; margin-left: 4%; } /* border: 1px solid yellow; background-size: 78px 64px; */
#utility-bar .right .international li a{ width: 78px; height: 64px; } 
#pagewrapper .socialmedia.mobi { display: block !important; height: 150px; width: 94% !important; padding: 43px 0 0; margin: 0 auto; } /* border: 1px solid red; */
#pagewrapper .socialmedia.mobi li{ width: 90px; height: 90px; background-size: 100% 100% !important; opacity: 1.0 !important; margin-left: 4%; } /* border: 1px solid black; */
#pagewrapper .socialmedia.mobi li a{ width: 90px; height: 90px; } /*  */
#utility .c_contain{ clear: both; height: auto; } /* border: 1px solid green;  */
#utility .c_contain #logo_div_left{ width: 100%; max-width: 1136px; height: auto; } /* border: 1px solid red;  */
#utility .c_contain #logo_div_left img{ width: 94%; height: auto; margin: 23px 3% 0; }
#utility .c_contain .right{width: 100%; margin: 0 auto; height: 300%; padding: 40px 0; } /* border: 1px solid red;  */
#utility .c_contain #buttons {  } /* border: 1px solid green; height: 86px !important; */
#utility #utility_nav{ width: 100%; margin: 0 auto; /* border: 1px solid black; float: left !important;*/}
#utility .c_contain .right #utility_nav li.attend, #utility .c_contain .right #utility_nav li.exhibit, #utility .c_contain .right #utility_nav li.connect{ 
	width: 100% !important; height: 75px; margin-top: 20px; vertical-align: middle; /*display: inline-block; padding: 2% 0; */}
#utility .c_contain .right #utility_nav li a{font-size: 200%; line-height: 200%;}
/*#utility .c_contain .right #utility_nav li.attend{margin: 2% 3% 2% 0;}
#utility .c_contain .right #utility_nav li.exhibit{margin: 2% 2% 2% 2%;}
#utility .c_contain .right #utility_nav li.connect{margin: 2% 0% 2% 3%;}*/


/* register class is not used now
#utility .c_contain .right #register {margin: 0 0 0 0; padding: 2% 0 2% 0; width: 97%; background-size:1px 106%; height: 18%;}
#utility .c_contain .right #register a{font-size: 200%;}*/


#pagewrapper #utility #the_search_mobi { display: inline-block !important; width: 96%; float: right !important; height: 105px; } /* border: 1px solid green; */
#utility #the_search_mobi #searchHdr_mobi #SearchBox_mobi {width: 86% !important; height: 43px !important; padding: 1% 0 1% 2%; font-size: 200%;}
#utility #the_search_mobi #searchHdr_mobi input {float: left !important; margin: 0 0 0 0 !important;}
#utility #the_search_mobi #searchHdr_mobi input[type=submit] { width: 70px; height: 64px !important; border: none; background: url("../images/smw/search_enabled.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 0 0 0 0; background-size: 100% 100% !important; cursor: pointer; cursor: hand;}



/*Navigation Menu*/
#main_nav{height: 246px !important; clear: both;}
/*#main_nav .c_contain{border-top: none !important;*/ /*margin-top: 540px;*/ /*width: 100%; }*/

/* change subsite_nav background to none, and put just the color (not image) on the #subsite_nav ul#css3menu2 li instead */
#subsite_nav{ background: none; height: 116px !important; width: auto; } /* border: 1px solid black; */
#subsite_nav .c_contain{ width: auto; } /* border: 1px solid black; */
#subsite_nav ul#css3menu2 { height: 55px !important; margin-left: 1%; }
#subsite_nav ul#css3menu2 li{ background: #e30881; width: 32.5%; height: 52px; padding-top: 15px !important; border-bottom: 6px solid #ffffff; }
#subsite_nav ul#css3menu2 a { font-size: 22px !important; }

ul#css3menu1{ height: 81px !important; margin-left: 1%; } /*padding: 6px 10px !important;*/
ul#css3menu1 li { width: 32.5%; height: 75px; border-bottom: 6px solid #ffffff; }
ul#css3menu1 li.topfirst, ul#css3menu1 li.topmenu { border-right: 6px solid #ffffff; }
ul#css3menu1 a{font-size: 22px !important; padding: 30px 0; } /**/
ul#css3menu1 ul.sub.align-right {
    right: auto;
    position: absolute;
    left: 0;
}
ul#css3menu1 ul.sub {-moz-column-count: 1; column-count: 1; -webkit-column-count: 1; position: absolute; width: 110% !important; padding: 0 !important; } /* border: 2px solid green; */
ul#css3menu1 ul.sub li{width: 100% !important; height: auto !important; padding: 10px 0 6px 3px; display: block; float: left;  position: relative; } /* border: 1px solid red; */
ul#css3menu1 ul.sub.mobi-right, ul#css3menu1 ul.sub.align-right.mobi-right {
    left: auto;
    position: absolute;
    right: 0;
}
ul#css3menu1 ul li{width: 100%; display: block; }
ul#css3menu1 > li.active {margin: 0 0 0 0 !important;}
ul#css3menu1 > li:hover {margin: 0 0 0 0 !important;}

/*Slider (Sequence)*/
#sequence-wrapper{margin-top: 260px !important; min-height: 320px;}

/* Vertical Markets icons */
#icon-links .c_contain ul.vertical-markets{ min-height: 360px; }  /* border: 1px solid green;  */
/* When icon image width changes, first adjust the individual li.vm__ (below) then adjust margin-left on li, li.vm1, and li.vm4 until they center again. */
#icon-links .c_contain ul.vertical-markets li { height: 150px; margin-bottom: 10px; margin-top: 14px; margin-left: 7%; }  /* border: 1px solid red; */
/* #icon-links .c_contain ul.vertical-markets li.vm__ FORMULAS: min-width = 70% of img width (to nearest pixel) | width = min-width / 490 (to nearest 1/10th of a percent) */
#icon-links .c_contain ul.vertical-markets li.vm1 { width: 19.57%; margin-left: 9%; min-width: 95.9px; }  /* img width: 137px; */
#icon-links .c_contain ul.vertical-markets li.vm2 { width: 23.42%; min-width: 114.8px; }  /* img width: 164px; */
#icon-links .c_contain ul.vertical-markets li.vm3 { width: 29.4%; min-width: 144px; }  /* img width: 205px; */
#icon-links .c_contain ul.vertical-markets li.vm4 { width: 27.14%; margin-left: 8%; min-width: 133px; }  /* img width: 190px; */
#icon-links .c_contain ul.vertical-markets li.vm5 { width: 27.57%; min-width: 135.1px; }  /* img width: 193px; */
#icon-links .c_contain ul.vertical-markets li.vm6 { width: 15.15%; min-width: 72.1px; }  /* img width: 103px; */

/*Spotlight Section*/
#spotlight .c_contain .left {width: 100% !important; float: left; }

/*SocialBar Section

ul.QL li a {font-size: 110%; line-height: 110%;}
#social-bar .fortyfive{width: 100% !important; float: left !important;}
.feat-widget h4{font-size: 150%;}
.widget h4{font-size: 200%;}
#social-bar h4{font-size: 280%; margin: 2% 0 1% 0;}
#blog_feed{margin: 2% 0 0 0;}
#social-bar .rssRow h4 {font-size: 200% !important; line-height: 110%;}
#social-bar .rssRow .datePub, #social-bar .rssRow .content{font-size: 150%; line-height: 120%;}*/
#social-bar #blog_feed .rssBody h5{font-size: 110%; line-height: 110%;}
#social-bar #blog_feed .rssBody .rssRow {font-size: 145%; line-height: 120%;}

/*Footer Section*/
#footer { border-top: 1px solid #999999; } /* border: 1px solid red; */
#footer .c_contain #footer-logo { padding-top: 35px; width: 35% !important; height: auto; display: block; }
#footer .c_contain #footer-logo img { width: 100% !important; height: auto; }
#footer .c_contain #copyright { display: none; }

#footer .c_contain #footer-links { padding: 22px 5% 0 0; width: 50%; text-align: right; font-size: 300%; line-height: 140%; } /* border: 1px solid red; */
#footer .c_contain #footer-links li { display: block; }

#footer .c_contain #copy-mobi { width: 35%; display: block; clear: both; float: left; font-size: 150%; line-height: 120%; padding: 0 0 30px 3%; } /* border: 1px solid red; */


/* Rules for Internal Pages*/

.int_container .int_leftcolumn{ width: 100%; margin-top: 60px !important; } /*  */
.int_container .int_leftcolumn .int_content_text_right .leftcolumn .leftbottom {display: none;}

a.video-link img{
	width: 70%;
	height: auto;
	margin: 0 0 6% 14%;
} 

/*Left Navigation*/
.int_container .int_leftcolumn .int_content_text_right .leftcolumn{width: 100%; max-width: 100%;}
.int_container .int_leftcolumn .int_content_text_right .leftcolumn .leftnav li {display: inline-block; padding: 2% 0;}
.int_container .int_leftcolumn .int_content_text_right .leftcolumn .leftnav a {padding: 5px 20px; font-size: 200%;}
.int_container .int_leftcolumn .int_content_text_right .rightcolumn{width: 100% !important; float: left;}

.int_container .rightcolumn #smw_content, .int_container .rightcolumn #ctia_content, .int_container .rightcolumn #mc_content{ padding: 0 1.5% 10px; } /* border: 1px solid red; */
.int_container .rightcolumn #smw_content h5, .int_container .rightcolumn #smw_content h6, .int_container .rightcolumn #ctia_content h5, .int_container .rightcolumn #ctia_content h6, .int_container .rightcolumn #mc_content h5, .int_container .rightcolumn #mc_content h6{ font-size: 130%; line-height: 120%; }

.int_container .rightcolumn .page-margins ol li{ margin: 0 0 0 10%; }
.int_container .rightcolumn .page-margins ul li{ margin: 0 0 0 5%; }


.int_container .homerightcolumn {float: left; width: 100%; max-width: 100%; clear: both;}

/*General Font Size*/
.thirtythree, .thirtyfive, .thirtytwo{width: 100%; margin: 2% 0 1%; font-size: 150%;}
#social-bar .home-twitter h4 {font-size: 250%; line: 260%;margin-bottom: 2%;}
#social-bar .home-blog h4 {font-size:250%; line-height: 160%; margin-top: 1%;}
#spotlight .c_contain .feat-widget.hot-spot p, #spotlight .c_contain .feat-widget.show-spotlight p, #spotlight .c_contain .feat-widget.hot-spot ul, #spotlight .c_contain .feat-widget.show-spotlight ul{ font-size: 200%; line-height: 125%; padding-bottom: 20px; } /* border: 1px solid red; */
#spotlight .c_contain .feat-widget.hot-spot h2, #spotlight .c_contain .feat-widget.show-spotlight h3{ font-size: 350%; line-height: 100%; } /* border: 1px solid blue; */
#spotlight .c_contain .feat-widget.show-spotlight h4, #spotlight .c_contain .feat-widget.show-spotlight h5, #spotlight .c_contain .feat-widget.show-spotlight h6{ font-size: 230%; line-height: 120%; } /* border: 1px solid blue; */
.int_container .rightcolumn .page-margins { font-size: 200%; line-height: 125%; }
.int_container h1, .int_container h2, .int_container h3, .int_container h4{ font-size: 150%; line-height: 100%; } /* border: 1px solid blue; */
h1.page-title:first-child { font-size: 400% !important; line-height: 150%; } /* border: 1px solid green; */
.page-margins h1.page-title { font-size: 210% !important; line-height: 125%; } /* border: 1px solid green; */

h4#partners-head {font-size: 350%; line-height: 160%; }

.int_container .rightcolumn input[type=submit], .int_container .rightcolumn input[type=button], .int_container .rightcolumn input[type=reset] {
	width: 80%;
	margin: 15px auto 15px 10%;
	height: 82px;
	background-size: 82px 82px !important; 
  	font-size:42px;
	padding:14px auto;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

/*Right Column*/
div#sponsorMobile{display:block; margin: 1% 0;}
div#sponsorMobile .sponsorhead{margin: 3% 0; font-size: 150%; color: #0d9fdb; font-family: "RalewayBold",sans-serif; font-weight: normal; text-transform: uppercase;}
div#sponsorMobile .sponsormain img{width: 30%;}
div#sponsorMobile .sponsorfoot{font-size: 150%; line-height: 110%; background: #0d9fdb; border: medium none; color: #ffffff; padding: 2% 0; width: 98%;}
div#sponsorMobile .sponsorfoot a::before {
    content: "> ";
    font-size: 125%;
}
div#sponsorMobile .sponsorfoot a {
    color: #ffffff;
    display: block;
    font-family: "RalewayBold",sans-serif !important;
    font-size: 125%;
    margin: 0;
    padding-bottom: 1%;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
.widget #blog_feed h4{font-size: 200%; line-height: 110%;}
.widget #blog_feed .datePub, .widget #blog_feed .content{font-size: 150%; line-height: 110%;}
div#sponsorMobile .sponsorhead span{text-transform: uppercase; color: #000000; font: 22px Arial,sans-serif; font-weight:400; font-size: 150%; }
.int_container .spotlight table td a{font-size: 220%; line-height: 110%; background-size: 105%;}
}