/*****************************************************
Wide screen layout
*****************************************************/
@media only screen and (min-width: 1176px) {
    #Wrapper {
        max-width: 1080px;
    }
.MainContainer .sf_2cols_1_67 {
    width:60%;
}
.MainContainer .sf_2cols_2_33 {
    width:40%;
}
    .MainContainerHome .sbImageBannerArea {
        margin: 10px auto;
        position: relative;
        z-index: 0;
        width: 941px;
    }
/**** END ****/
}
/*****************************************************
smaller than 980px
*****************************************************/
@media screen and (max-width: 960px) {
 
    html, body, form#form1 {
        background-image:none;
    }
    #Wrapper {
        width: 98%;
        padding:0;
    }        
    .HeaderMain {
        margin-bottom: 10px;
        height:100px;
    }
    .HeaderMain #ContentPlaceHolder1_TEA780554028 {
          display: none;
    }
    #Wrapper .Content {
        padding-bottom:310px;
        }
     #Footer {     
        margin-top: -310px; /* negative value of footer height */
        height: 310px;
    }
    .sub_footer_container .sf_2cols_2in_50 ul {
        margin: 6px auto;
        float: none;
        width: 360px;
    }
    /******************************
        Mega Menu
    ******************************/
    .Header nav {
    /*float:none;*/
    top:0;
    right:0;
    margin:8px 4% 0 0;
}
    .Header nav ul li {
            position: relative;
        }
    .Header nav ul li a {
        padding: 5px;
        margin:0 10px 0 10px;
}
    .Header nav ul li .menu {
       width:220px;
       position:absolute;
       top:30px;
       left:10px;
    }
    .Header nav ul li:nth-child(6) .menu {     
       left:-40px;
    }
    .Header nav ul li .menu .menu_top {
        width: 220px;
}
    .Header nav ul li .menu .menu_mid {
        width: 220px;
        padding: 0;
        min-height: 155px;
}
    .Header nav ul li .menu .menu_bottom {
        width:220px;
        height: 14px;
}
    .Header nav ul li .menu span {
        width:170px;
    }
    .Header nav ul li .menu span {
        margin-left:20px;
    }
    .Header nav ul li .menu p {
        display:none;
    }
    .Header nav ul li .menu ul {
        width: 68.77579%;
        padding-bottom:20px;
}
    .Header nav ul li .menu ul li {
    width: 200px;
}
    .Header nav ul li .menu img {
            display: none;
        }
    .sfBreadcrumbWrp {
        padding-top: 8px;
    }
    /******************************
        Main Content
    ******************************/
    .Contador_3Col_Row .sf_2cols_1_33,
    .Contador_2Col_Row .sf_2cols_1_33,
    .Contador_2Col_Row .sf_2cols_2_33 {
      width:28% !important;
    }
    .Contador_3Col_Row .sf_2cols_2_67,
    .Contador_2Col_Row .sf_2cols_1_67,
    .Contador_2Col_Row .sf_2cols_2_67 {
       width:72% !important;
    }
    /* top 20 products */
    .MainContent .Contador_2Col_Row h3 {
        text-align:center;
        font-size:1.5em;
    }
    .MainContent .Contador_2Col_Row .sf_2cols_1_25 {
        width:25%!important;
    }
    .MainContent .Contador_2Col_Row .sf_2cols_2_75 {
        width:75%!important;
    }
    .MainContent .Contador_2Col_Row .sf_2cols_2_75 .sf_2cols_2in_75 {
        margin-left: 12px!important;
    }
    .sfnewsListTitleDateSummary .sfnewsSummary, 
    .sfpostListTitleDateSummary .sfpostSummary, 
    .sfsearchResultsWrp .sfsearchResultSnippet, 
    .sfsearchResultsWrp .sfsearchResultHighLighter, 
    .Contador_3Col_Row p, .Contador_2Col_Row p, 
    .Product_3Col_Row p, .Product_2Col_Row p {
        font-size: 1em;
    }
   .MainContainerHome img,
   .MainContainer img {
       display:block;
        margin:10px auto;
    }
    .ResourceSearch fieldset.sfsearchBox {
        margin-bottom: 6px;
    }   
   /**** Footer ****/   
    .main_footer_container .contact {
        margin-bottom:10px;
    }	   
    .main_footer_container .contact .sf_2cols_2_67 {
        padding-top: 10px;
    }    
    .socialNetworkLinksWrapper {
        margin: 10px auto;
        float: none;
        width:224px;
    }
    .socialNetworkLinksWrapper h5 {
            display: none;
    }
   .main_footer_container .contact .sf_2cols_1_50,
    .main_footer_container .contact .sf_2cols_2_50 {
        width:50%!important;
    }     
/****END****/
}
/*****************************************************
smaller than 942px
*****************************************************/
@media screen and (max-width: 950px) {

    .RadTabStrip_SectionNav,
    .RadTreeView_Default {
        display:none;
    }
    .ResourceSearch p {
        float: none;
    }
/**** END ****/
}
/*****************************************************
smaller than 650px
*****************************************************/
@media screen and (max-width: 650px) {

    #Wrapper .Content {
        width: 98%;
        margin: 0 auto;
    }
    figure {
        float: none;
        width: 56.52173%; /* 260px / 650px */
        margin: 0 auto;
        padding: 0;
    }
    .toolBar,
    .sfBreadcrumbWrp {
        display: none;
    }
    #Wrapper .Header {
        margin-bottom: 6px;
    }
    #Wrapper .HeaderMain {
        height:auto;
        margin:0;
    }
    .HeaderMain .headerLogo {
        margin: 10px auto;
    }
    /*Mobile Nav*/
    .HeaderMain {
        clear: left;
    }
    .Header nav,        
    .Header nav ul {
        display: none;
    }
    #mobileNav {
        display:block;
    }
    #mobileNav .tab-content {
        clear:both
    }    
    #mobileNav #navbar ul li {
        width:50%;
        float:left;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD')";
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DDDDDD));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #FFFFFF, #DDDDDD);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
        /* IE 10 */
        background: -ms-linear-gradient(top, #FFFFFF, #DDDDDD);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #FFFFFF, #DDDDDD);
    }
    #mobileNav #navbar ul li a {
        display:block;
        text-decoration:none;
        text-align:center;
        border:1px solid #CCCCCC;
        padding-top:3px;
        padding-bottom:3px;
        font-size:22px;
        color: #666;
        text-shadow: 0 1px 0 #FFFFFF;
}
    #mobileNav #navbar ul li a.search {
            border-right: none;
        }
    #mobileNav #search,
    #mobileNav #menu {
         padding: 10px 0px 0px 0px;         
    }

   
    #mobileNav #search fieldset.sfsearchBox,
    .ResourceSearch fieldset.sfsearchBox  {
        position:relative;
        width: 98%;
        height:30px;
        font-size: 1em;
        padding:0;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        -o-border-radius:2px;
        border-radius:2px;
        line-height: 1.5;
        vertical-align: middle;
        margin: 0 auto;
        margin-bottom:6px;
    }
    #mobileNav #search fieldset.sfsearchBox input[type="text"],
    .ResourceSearch fieldset.sfsearchBox input[type="text"] {
        height:24px;
        box-shadow:none;
        margin:2px 0 0 4px;
        padding:0;
        width:86%!important;
    }
    #mobileNav #search fieldset.sfsearchBox input[type="submit"],
    .ResourceSearch fieldset.sfsearchBox input[type="submit"] {    
        position:absolute;
        top:2px;
        right:2px;      
        height:24px;
        width:46px;
        border:none;
        cursor:pointer;        
        text-indent:-9999em;
    }
    #mobileNav #menu .RadTreeView_MobileNavigation ul li div a {
        color:#333333;
        font-weight:bold;
    }
    #mobileNav #menu .RadTreeView_MobileNavigation ul li ul li div a {
        color:#666666;
        font-weight:normal;
    }
    #mobileNav #menu .RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn {
    border:none;
    }
    /*****  content *****/
    .Contador_3Col_Row .sf_2cols_1_33,
    .Contador_2Col_Row .sf_2cols_1_33,
    .Contador_2Col_Row .sf_2cols_2_33 {
      width:20% !important;
    }
   .Contador_3Col_Row .sf_2cols_2_67,
   .Contador_2Col_Row .sf_2cols_1_67,
   .Contador_2Col_Row .sf_2cols_2_67 {
       width:80% !important;
    }
   .Contador_3Col_Row .sf_3cols_1_33,
   .Contador_3Col_Row .sf_3cols_2_34, 
   .Contador_3Col_Row .sf_3cols_3_33 {
       width:100%!important;
       margin-bottom:6px!important;
    }
    .MainContainer .sf_2cols_2_33 {
        font-size: 28px;
    }    
    .sfeventsListTitleCityDate h2.sfeventTitle,
    .sfnewsListTitleDate h2.sfnewsTitle,
    .sfpostListTitleDate h2.sfpostTitle,
    .MainContent .Contador_2Col_Row h2,
    .Contador_3Col_Row h2,
    .Contador_3Col_Row h3,
    .Contador_3Col_Row h4,
    .Product_3Col_Row h4,
    .Product_2Col_Row h4 {     
        font-size: 1.375em; /*18px*/
    }
    .nav_left_container {
        margin-bottom: 0px;
    }
    .nav_left_container .sfContentBlock {
        width:100%;
        height:28px;
        margin:3px 0 0 3px;
    }
    .nav_left_container h2 {
        left:-4px;
        width:97%;
        height:24px;
        padding:0px 0 4px 12px;      
        font-size:20px;
}
    .sfnewsListTitleDateSummary .sfnewsSummary, 
    .sfpostListTitleDateSummary .sfpostSummary, 
    .sfsearchResultsWrp .sfsearchResultSnippet, 
    .sfsearchResultsWrp .sfsearchResultHighLighter, 
    .Contador_3Col_Row p, 
    .Contador_2Col_Row p, 
    .Product_3Col_Row p, 
    .Product_2Col_Row p {
    font-size: 1em;
}
    .Contador_3Col_Row .slideBox {
        width:200px;
        margin-bottom:6px;
    }
    .Contact .Contador_3Col_Row h3,
    .Contact .Contador_3Col_Row p {
        text-align: center;
    }
    .MainContainerHome .sbImageBannerArea {
        height:201px;
    }
/******************************
    Forms
******************************/
    .EventRegForm,
    .ContactForm {
        width: 90%;
        margin: 0 auto;
    }
    .EventRegForm div,
    .ContactForm div {
         margin: 0.5em 0 0.5em;
    }
    label {
        float: none;
        width:100%;
        text-align:left;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    textarea,
    select {
        width: 90%!important;
    }
    #ContentPlaceHolder1_C004_ctl00_ctl00_C006_ctl00_ctl00_checkBoxes label {
    padding-left:1%;
}
    /*******************
    addthis widget
*******************/
#Addthis {
    float:none;
    margin:0 0 8px 8px;
}
/******************************
    Shop
******************************/
.sfproductDetailsWrp .sfproductImgsWrp {
    float:none;
    margin:0px auto;
    height:266px;
    width:300px;
}
.sfproductDetailsWrp .sfproductInfoWrp {
    padding-left: 0px;
}
.sfproductDetailsWrp .sfproductTitle {
    padding: 4px 0 0 0px;
    text-align:center;
}

    /**** banner **/
    .MainContainerHome .sbBannerNav,
    .MainContainerHome .sbBannerNav {
        display:none;
    }
    /*************************
    Executive Management
    *************************/
    .MainContent .ExecProfile .sf_colsOut.sf_3cols_1_33,
    .MainContent .ExecProfile .sf_colsOut.sf_3cols_3_33 {
        width:100% !important;
    }
    .MainContent .ExecProfile .sf_colsOut.sf_3cols_2_34 {
        width:100% !important;
    }
    .MainContent .ExecProfile .sf_3cols_2_34 .sf_3cols_2in_34, 
    .MainContent .ExecProfile .sf_3cols_3_33 .sf_3cols_3in_33 {
        margin-left: 0 !important;
    }
/**** END ****/
}
/*****************************************************
    more than 650px
*****************************************************/
@media screen and (min-width: 650px) {

	/* ensure nav ul is visible on desktop version */
    .Header nav ul {
        display: block !important;
    }
/**** END ****/
}
/*****************************************************
smaller than 560px
*****************************************************/
@media screen and (max-width: 480px) {
    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }
    /***************************
        content 
    ***************************/
    #mobileNav #search fieldset.sfsearchBox input[type="text"] {
         width:80%!important;
        }
    .MainContainer .sfimageWrp {
      width:100%;
      margin:0 auto;
    }
    .MainContainer .sf_2cols_2_33 {
        font-size: 24px;
    }
    .Contador_3Col_Row .sf_2cols_1_33,
    .Contador_2Col_Row .sf_2cols_1_33,
    .Contador_2Col_Row .sf_2cols_2_33 {
      width:100% !important;
    }
   .Contador_3Col_Row .sf_2cols_2_67,
   .Contador_2Col_Row .sf_2cols_1_67,
   .Contador_2Col_Row .sf_2cols_2_67 {
       width:100% !important;
    }
   .Contador_3Col_Row h2,
   .Contador_2Col_Row h2 {
        text-align:center;
    }
    .Contador_3Col_Row img, 
    .Contador_2Col_Row img, 
    .sfnewsListItem img, 
    .sfeventListItem img, 
    .sfpostListItem img {
        display:block;
        margin:0 auto;
    }
    .MainContainerHome .sbImageBannerArea {
        height:128px;
    }
/**** END ****/
}