/***************************************************************
Responsive Design for SOSCusine WP
Author: Dania
Version: 0.1.0

Changelog:

Date          | Author |Message
2015.06.23 | Dania  |  It begins!
2016.03.07 | Dania  |  Added mobile, tablet, and desktop toggle classes (device-hide/device-show)
**************************************************************/
/********************************
     DESKTOP
*********************************/
@media only screen and (max-width: 1400px){
	.full-image{
		height: 350px;
		overflow: hidden;
	}
    .full-image img{
	    max-height: auto;
	}
    .mobileBookLink{
        display: none;
    }
    .desktop-hide,
    .tablet-hide{
    	display: none;
    }
    .desktop-show{
    	display: initial;
    }
} 
@media only screen and (max-width: 1100px){
  
    #content-wrap{
         width: 100%;
        margin: 0 auto;
        padding: 0 10px;	 
    }
	.full-image{
	    max-height: 300px;
	    overflow: hidden;
	}
	.full-image img{
	    height: auto;
	}
	.desktop-hide{
    	display: none;
    }
    ul.menuTOC{
    	padding-left: 15%;
    }
    div.mealPlan.specialised-menu-tile{
    	margin-top: 0;
    }
    img.partner-img{
    	width: auto;
    	height: auto;
    	padding: 5px;
    }
    div.row.partner-logos>div{
    	height: auto;
    }
    div.dossier-tile .dossier-img-box{
    	width: 100%;
    }

}
/********************************
           TABLET
********************************/
@media only screen and (max-width: 1000px){
    #content-single{
	}
	#nav{
		padding: 0;
		margin: 0;
		min-width: 100%;
		max-width: 100%;
		font-weight: bold;
	}
	.content-single{
	    float:none;
	    margin: 0;
	}
	main{
		max-width: 100% !important;
		min-width: 100% !important;
	}
	.main{
		max-width: 100% !important;
		min-width: 100% !important;
	}
	#main{
		padding: 0 !important;
	}
	#sidebar-social{
		max-width: 100%;
		display: inline;
	}
	.desktop-hide,
	.desktop-show,
	.mobile-hide,
	.mobile-show,
	.tablet-hide{
    	display: none;
    }
    .tablet-show{
    	display: initial !important;
    }
    li.block.desktop-hide{
    	display: block !important;
    }
    div.side-toggle-menu{
        width: 100%;
        position: absolute;
        z-index: 5;
        background-color: white;
    }

    .partner-page-content#content{
		margin-top: 100px;
		padding: 0 15px;
		width: 100%;
	}
    div.side-toggle-menu ul li span#partner-menu-toggle{
        display: inline-block;
        width: auto;
        left: 0;
        background-color: #A0C963;
        color: white;
        border-radius: 0;
        border-bottom-right-radius: 10px !important;
        border-top-right-radius: 10px !important;
        padding: 15px;

    }
    div.side-toggle-menu ul li span.list-header{
        border-radius: 10px;
    }
    span#partner-menu-toggle{
        display: inline-block;
    }
    span#more-partners{
        display: none;
        width: 90%;
        padding: 10px;
        position: relative;
        margin: 0 auto;
        border-radius: 10px;
        border: 1px solid #efefef;
    }
    div.side-toggle-menu ul {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 4vw;
    }
    div.link-well{
        display: none;
    }
    #content{
        margin-top: 100px;
    }
    div.side-toggle-menu ul li span.list-header#partner-menu-toggle{
    	height: auto;
    }
    h3.menuName{
    	left: 15%;
    	width: 70%;
    	top: -15%;
    }
    h1#splashHeader.premiumMenuHeader{
    	margin-top: 0;
        font-size: 6vw;
    }
    div.premiumPage.full-height{
    	height: auto !important;
    	padding: 50px 0;
    }
    div#temoignage.fullWidthBG{
    	background-image: url('/wp-content/uploads/2016/09/diamond-upholstery.png') !important;
    	background-color: #f1f1f1;
    }
    div.premiumMenuCards{
    	margin: 10px auto;
    	height: 600px !important;
    }
    div.planInfo p.planCTA{
    	margin-bottom: 30px;
    }
    /**************************
          Icon Boxes p1s
    **************************/
    div.icon-box.diabetes{
    	min-height: 450px !important;
    }
    div.icon-box.plaisir-en-sante{
    	min-height: 480px !important;
    }
    div.planTile{
    	/*height: 755px;
    	box-shadow: none;*/
    }
    div.container-fluid.supporters-section{
    	background-image: none !important;
    }
    div.container-fluid.supporters-section>div.col-md-6{
    	border-bottom: 1px dashed #ccc;
    }
    div#VIPcook,
	div#VIPcook div.middle-aligner{
		height: auto;
	}
    div.services-testimonial,
    div.services-testimonial div.middle-aligner,
    div.col-md-6.testimonial-box{
    	height: 250px;
    }
    div.services-testimonial{
    	background-image: none;
    }
    div.services-testimonial div.middle-aligner,
    div.services-testimonial div.middle-aligner div.middle-align{
    	display: block;
    	height: auto !important;
    }
    h3.menuName.specialised-menu-name{
		top: -7%;
	}
	div.mealPlan.specialised-menu-tile{
		margin-top: 30px;
	}
	div#VIPcook.container{
		width: 600px;
		margin:50px auto;
	}
	section.pro-card{
		height: auto;
	}
	div.fullWidthBG.doctorBG{
		background-position: right top;
	}
	div.icon-box.carb-loading{
		height: 450px !important;
		width: 100%;
		margin: 50px auto 25px auto !important;
	}
	.menu-medias-container ul{
		display: table;
	}
	.menu-medias-container ul li{
        display: table-cell;
        vertical-align: middle;
    }
    .menu-medias-container ul li a{
        display: block !important;
        width: 100%;
    }
    .tablet-show{
    	display: initial !important;
    }
}
@media only screen and (max-width: 769px) {
    .socialContainer{
	    display: block;
	    max-width: 32%;
	    min-width: 32%;
	    margin: 0 auto;
	    overflow-x: scroll;
	}
    #newsletter-responsive{
    	    overflow: hidden;
        }
	.article{
	    width: 100%;
	}
	#facebook{
	    margin: 0 auto;
		width: 100%;
	}
     #content-wrap{
         max-width: 100% !important;
         min-width: 100% !important;
         padding: 20px;		 
    }
	#content, #content-single{
	    width: 100%;
		padding: 0 5px;
	}
	.sidebar{
	    min-width: 30%;
		max-width: 30%;
		padding: 0 10px;
	}
	#sidebar-2{
	    width: 100%;
		padding: 0;
		margin: 0;
	}
	.full-image{
	    height: 250px;
	    overflow: hidden;
	}
	.full-image img{
	    height: auto;
	}
	.excerpt{
	    top: -65px;
	}
	#sidebar-1{
	    display: block;
	    clear: both;
	    min-width: 100%;
	    max-width: 100%;
	    margin: 0 auto;
	}
	a.rpwe-img {
        min-width: 100%;
    }
	h3#newsletter-fix {
        display: none;
    }
	.bar-title{
		margin-bottom: 0;
	}
	#content-wrap{
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	#sidebar-1{
		padding: 10px;
	}
	#content{
		width: 100%;
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
	}
	.excerpt{
		display: block;
		width: 100%;
		margin: 0 auto;
		top: 0;
		font-size: 0.9em !important;
		
		border: 0;
	}
	.excerpt .separator{
		display: none;
	}
	.full-image{
		width: 100%;
		margin: auto;
		height: 450px;
		overflow: hidden;
		border-top: 2px solid #A0C963;
	}
	.full-image img{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0;
		border: 0;
	}
	.sidebar{
		min-width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
		display: block;
	}
	#sidebar-2{
		width: 100%;
		margin: 0 auto;
		display: block;
		clear: both;
	}
	.widget{
		margin: 0;
		padding: 0;
		max-width: 100%;
	}
	#search-3{
		background-color: #A0C963;
	}
	#text_icl-9{
	    display: none;
	}
	h3.howItWorksTitles{
		height: 100px;
	}
	i.lgIcon.fa{
		padding: 10px 0;
	}
	.fancy span:before,
    .fancy span:after {
	}
	div.premiumMenuCards{
		height: 500px;
	}
	h3.menuName.specialised-menu-name{
		top: -8%;
	}
	div.mealPlan.specialised-menu-tile{
		margin-top: 30px;
	}
	/********************************
			 RPWE Fixes
	*******************************/
	.rpwe-block li{
		display: inline;
		max-width: 49%;
		margin: auto;
	}
	.rpwe-img{
		float: left;
		display: inline;
		min-width: 49%;
	}
	.rpwe-title{
		float: left;
		width: auto;
		display: inline;
	}
	.rpwe-block h3 {
  /* background: none!important; */
  /* clear: none; */
  /* margin-bottom: 0!important; */
  /* margin-top: 0!important; */
	font-weight: inherit !important;
	line-height: inherit !important;
	display: inline;
	text-align: center !important;
	}
	.rpwe-thumb{
	min-width: 70%;
	max-width: 70%;
	}
	.menu-medias-container ul{
		display: table;
		width: 100%;
	}
    .menu-medias-container ul li{
        display: table-cell;
        vertical-align: middle;
    }
    .menu-medias-container ul li a{
        display: block !important;
        width: 100%;
    }
    .menu-couverture-media{
        display: none !important; 
    }
    html, body{
	    max-width: 100%;
		min-width: 100%;
	}
	.archive-img{
		display:none;
	}
	.archive-excerpt{
		float:none;
		max-width: 90%;
		min-width: 90%;
		margin: 0 auto;
	}
	/*main-wide h1{
        font-size: 75%;
    }*/
    #splashHeader{
        min-width:70%;
    }
   .mobileBookLink{
       display: inline;
    }
    .desktopBookLink{
       display: none;
    }
    .desktop-hide,
	.desktop-show,
	.mobile-show,
	.mobile-hide,
	.tablet-hide{
    	display: none;
    }
    .tablet-show{
    	display: initial !important;
    }
    .tablet-hide-wide{
        display: none !important;
    }
    h1#splashHeader{
    	font-size: 6vw;
        text-shadow: none !important;
    }
    h3.menuName{
    	top: -13%;
    	left: 15%;
    	width: 70%;
    }
    div.col-sm-6 h3.menuName{
    	top: -11%;
    }
    div#temoignage.fullWidthBG{
    	background-image: url('/wp-content/uploads/2015/09/texture-coral.jpg') !important;
    	background-color: #f1f1f1;
    }
    /**************************
          Icon Boxes p1s
    **************************/
    div.icon-box.diabetes{
    	min-height: 0 !important;
    }
    div.icon-box.plaisir-en-sante{
    	min-height: 0 !important;
    }
    div.video-box-carb-loading,
	div.video-box-carb-loading div.middle-aligner,
	div.video-box-carb-loading div.middle-align{
	height: auto;
	}
	div.dossier-tile .dossier-img-box,
    div.dossier-tile .dossier-img-box-small,
    div.dossier-tile .dossier-img-box-medium,
    div.dossier-tile.dossier-overflow .dossier-img-box{
    	height: 150px;
    	width: 100%;
    }
    div.dossier-tile.dossier-overflow .dossier-img-box,
    div.dossier-tile.dossier-overflow .dossier-img-box-small,
    div.dossier-tile.dossier-overflow .dossier-img-box-medium,
    div.dossier-tile.dossier-overflow .dossier-img-box{
    	height: 100px;
    }
    div.dossier-tile .dossier-img-box img,
    div.dossier-tile .dossier-img-box-small img,
    div.dossier-tile .dossier-img-box-medium img{
    	height: auto;
    	width: 100%;
    }
    h3.dossier-quarter-title,
    div.dossier-tile h3{
    	font-size: initial;
    	font-weight: normal;
    	font-weight: lighter;
    	margin: 5px auto;
    }
    div.dossier-header div.dossier-bottom-title{
    	min-height: 0;
    	height: auto;
    }
    div.social-media.col-md-12{
    	margin: 25px auto;
    }
    div.dossier-header, div.dossier-header div{
    	margin-bottom: 0;
    }
    div.col-xs-12.col-sm-4.col-md-4.ad{
        margin-bottom: 20px;
	}
	div.dossierAd{
		border-bottom: 1px dashed #efefef;
		padding-bottom: 10px;
	}
}
/********************************
      Mobile
	  
	  Goal: Content wrap should be at 100% of width to maximise space. Good for both orientations.
	           Hide first sidebar. Second sidebar at 100% width.
	  Affected Tags: #content-wrap, .full-image, sidebars, sidebar-1, sidebar-2, content, content-single
	  Hidden widgets: TBD
*********************************/
@media only screen and (max-width : 600px){
    p.price.vipPrice{
        float: none !important;
    }
    div.fullWidthBG#p1-header{
        background-image: url('/wp-content/uploads/2016/09/diamond-upholstery.png') !important;
        background-color: #A0c963;
        background-repeat: repeat !important;
        background-size: auto !important;
        height: auto !important;
    }
    div.fullWidthBG div.middle-aligner{
        height: auto !important;
        position: relative;
        height: auto;
    }
    div.fullWidthBG div.middle-aligner div.middle-align{
        display: block;
        position: relative;
        height: auto;
    }
    h1#splashHeader{
        margin: initial !important;
        font-size: 9vw !important;
        text-shadow: none !important;
    }
    .bigGrey,
    h2.sub-title,
    h2.bigGrey{
        font-size: 6vw !important;
        text-shadow: none;
    }
    .bigGrey,
    h2.bigGrey{
        margin: 10px auto;
        font-weight: bold;
    }
    div.p1-tiles{
        /*display: none;*/
        padding-bottom: 0 !important;
    }
    div.alt-icon-box.tab-box{
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 5px auto !important;
        width: 95%;
    }
    ul.tabUl{

    }
    ul.tabUl li.tabList{

    }
    ul.mobile-tab-list{
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 10px auto;
        text-align: center;
        display: table !important;
        table-layout: fixed;
    }
    ul.mobile-tab-list li{
        margin: 5px;
        padding: 20px 10px;
        display: table-cell;
    }
    ul.mobile-tab-list li a:link{
        background-color: #ffffff;
        padding: 20px 10px;
        border-radius: 3px;
        font-weight: bold;
        color: #333;
        display: block;
        box-shadow: 1px 1px 3px #333;
    }
    ul.mobile-tab-list li a:visited{
        color: #ccc;
    }
    ul.mobile-tab-list li a:hover{

    }
    ul.mobile-tab-list li a:active{
        box-shadow: inset 1px 1px 3px #333;
        background-color: white;
        color: #333;
    }
    ul.mobile-tab-list li:not(:last-child){
        border-right: 1px solid #ccc;
    }
    section.splashTabSection{
        display: block !important;
        margin-bottom: 15px !important;
        background-color: white;
        padding: 10px !important;
        min-height: 0;
        height: auto;
    }
    section.splashTabSection h3{
        font-size: 5vw;
    }
    li.tab-list-mobile-item{
        display: list-item;
    }
    section.splashTabSection ul.tierCardList>li:before{
        margin: -7px;
    }
    div.testimonialBG{
        background-image: none !important;
        background-color: #A0C963;
    }
    div.testimonial-text-box{
        padding: 5px;
        color: #333 !important;
    }
    p.header-cta-fix{
        display: block !important;
    }
    div.p1-icon-box-container{
        padding:1px;
    }
    div.p1-icon-box-container div.icon-box{
        padding: 3px;
        min-height: 0;
        height: auto !important;
    }
    div.p1-icon-box-container i.lgIcon{
        font-size: 4em !important;
    }
    div.p1-icon-box-container h3{
        margin-top: 5px;
    }
    div.p1-icon-box-container p{
        display: none;
    }
    div.p1-tiles-mobile{
        display: block;
    }
    span.anchor{
        top: -100px;
    }
    .bottom-margin-mobile-fix{
        margin-bottom: 5px !important;
    }
    .top-margin-mobile-fix{
        margin-top: 5px !important;
    }
}
@media only screen and (max-width : 640px) {
    html, body{
	    max-width: 100%;
		min-width: 100%;
            overflow-x: hidden;
	}
	p{
	    word-wrap: break-word;
	}
	h3.dossier-quarter-title{
    	height: auto !important;
    }
	.bar-title{
	    margin-bottom: 0;
	}
    div.services-testimonial testimonial-box{
    padding: 10px;
    }
    #content-wrap{
	    width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	#sidebar-1{
	display: block;
	max-width: 100%;
	min-width: 100%;
	clear: both;
	margin: 0 auto;
	}
    #splashHeader{
        min-width: 75% !important;
        font-size: 7vw !important;
    }
    h1#splashHeader.nurses-header{
        font-size: 12vw !important;
    }
    #landingPageBook{
        float: none !important;
        width: 100% !important;
    }
    #landingPageBook img{
        margin: 10px auto !important;
    }
    /*.headerFODMAP{
        margin-top: 15px !important;
    }*/
    .mobile-hide{
        display: none !important;
    }
    .green-button{
        font-size: 5vw !important;
    }
    .green-button-alt{
        font-size: 5vw !important;
    }
   .hockey-button{
        font-size: 5vw !important;
    }
    .splashTabSection{
        font-size: 3vw;
        padding: 0 !important;
    }
    .splashTabSection p{
        margin-top: 0 !important;
        padding: 0 !important;
    }
	#content{
	    width: 100%;
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
	}
	.excerpt{
	    display: block;
		width: 100%;
		margin: 0 auto;
		top: 0;
		font-size: 0.9em !important;
		
		border: 0;
	}
	.excerpt .separator{
	    display: none;
	}
	.full-image{
	    width: 100%;
		margin: auto;
		height: 200px;
		overflow:hidden;
	}
	.full-image img{
	    width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0;
		border: 0;
	}
	.sidebar{
	    min-width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
		display: block;
	}
	#sidebar-2{
	    width: 100%;
		margin: 0 auto;
		display: block;
		clear: both;
	}
	.widget{
	    margin: 0;
        padding: 0;
        max-width: 100%;
	}
	#search-3{
	    background-color: #A0C963;
		height: 
	}
	.socialContainer{
	    display: block;
	    width: 100%;
	    margin: 0 auto;
	    float: left;
	    max-width: 100%;
	    min-width: 0;
	}
    #hockey-header{
        /*min-height: 500px;*/
    }
    #hockey-header h1{
        font-size: 7vw !important;
        margin-top: 50px !important;
    }
    h2#pre-train{
        font-size: 8vw;
    }
    #FODMAP-testimonial{
        background-image: none !important;
        background-color: #F1762B;
        color: #333 !important;
        text-shadow: none !important;
        font-size: 4vw !important;
        line-height: normal;
    }
    .menu-medias-container ul{
    	display: block;
        width: 100%;
	}
    .menu-medias-container ul li{
        display: block !important;
        float: left;
        width: 100%;
        margin: 0;
    }
    .menu-medias-container ul li a{
    	display: block;
    	width: 100%;
    }
    div.premiumMenuCards{
    	height: auto !important;
    }
    h3.menuName{
    	top: -8%;
    	height: 50px;
    }
    div.side-toggle-menu ul li.menu-sub-link{
    	font-size: 3.5vw;
    }
    div#VIPcook.container{
		width: auto;
		margin:50px 30px;
		font-size: 0.7em;
	}
	div.planInfo p.planDescription{
		height: auto;
		font-size: 4vw;
	}
	div.faq{
		padding: 0 2em;
	}
	li.planList{
		font-size: 4vw;
	}
	p.price.vipPrice.left{
		font-size: 7vw;
	}
	div.icon-box.carb-loading{
		height: auto!important;
		width: 90%;
		margin: 30px auto !important;
		min-height: 0 !important;
	}
	/********************************
	         RPWE Fixes
    *******************************/
	.rpwe-block li{
	    display: inline;
		max-width: 49%;
		margin: auto;
	}
	.rpwe-img{
	    float: left;
		display: inline;
		min-width: 49%;
	}
	.rpwe-title{
	    float: left;
		width: auto;
		display: inline;
	}
	.rpwe-block h3 {
  /* background: none!important; */
  /* clear: none; */
  /* margin-bottom: 0!important; */
  /* margin-top: 0!important; */
    font-weight: inherit !important;
 
    line-height: inherit !important;
    display: inline;
	}
	.rpwe-thumb{
	    max-width: 90%;
		min-width: 90%;
	}
	#author-image{
	    padding: 15px;
	}
	#author-page-title{
	    margin-left: 15px;
	}
	.desktop-hide,
	.desktop-show,
	.tablet-show,
	.tablet-hide,
	.mobile-hide{
    	display: none;
    }
    .mobile-show{
    	display: initial !important;
    }
    section.pro-card{
    	height: auto !important;
    }
    div.dossier-header .middle-aligner,
    div.dossier-header .middle-align{
        height: auto;
        width: 100%;
    }
    div.dossier-header .middle-align{
    	display: inline-block;
    }
    div.dossier-header .middle-align h1#dossier-title{
    	font-size: 10vw;
    	position: relative;
    	top: 40px;
    }
    div.dossier-tile .dossier-img-box,
    div.dossier-tile .dossier-img-box-small,
    div.dossier-tile .dossier-img-box-medium,
    div.dossier-tile .dossier-img-box img,
    div.dossier-tile .dossier-img-box-small img,
    div.dossier-tile .dossier-img-box-medium img,
    div.dossier-tile.dossier-overflow .dossier-img-box{
    	height: auto;
    	width: 100%;
    }
    div.dossier-tile div.col-xs-6.col-sm-3.col-md-3.col-lg-3,
    div.dossier-tile div.col-xs-6.col-sm-6.col-md-6.col-lg-6{
    	height: 150px;
    	margin-bottom: 10px;
    }
}
/*********************************************************************
                        Mobile Portrait
*********************************************************************/
@media only screen and (max-width : 480px) {
    main-wide h1{
    font-size: 50%;
    }
    .tabUl{
        display: table;
        bottom: 0;
    }
    .tabList{
        font-size: 5vw;
        padding: 0;
        display: table-cell;
    }
    .mobileBookLink{
        display: inline;
    }
    .desktopBookLink{
        display: none;
    }
    .desktop-hide,
	.desktop-show,
	.tablet-show,
	.tablet-hide,
	.mobile-hide{
    	display: none;
    }
    .mobile-show{
    	display: initial;
    }
    h1.single-title{
    	font-size: 6vw;
    }
    h2.sub-title{
    	font-size: 5vw;
        text-shadow: none;
    }
    img.menuImage{
    	margin: 0;
    }
    h3.menuName{
    	top: -12%;
    	font-size: 4vw;
    	height: 60px;
    }
    div.menuTitleBox{
    }
    div.premiumMenuCards{
    	height: auto;
    	margin-bottom: 25px;
    }
    h3.howItWorksTitles{
    	height: auto;
    }
    div.mealPlan{
    	margin-bottom: 50px;
    	margin-top: 20px;
    }
    h3.menuName.specialised-menu-name{
		top: -8%;
	}
	div.mealPlan.specialised-menu-tile{
		margin-top: 20px;
		margin-bottom: 0;
	}
    .fancy span:before,
    .fancy span:after {
	  width: 50%;
	}
	div.faq{
		padding: 0 5px;
	}
	ul.menuTOC{
		margin: 10px auto;
	}
	ul.menuTOC li{
		width: 100%;
	}
	h1.doctor-header{
		text-align: center !important;
	}
	div.doctor-bounce-arrow{
		margin: 10px auto !important;
	}
	div.faq-do-list,
	div.faq-avoid-list,
	div.faq-dont-list{
		padding: 20px;
	}
	/**************************
           Icon Boxes p1s
    **************************/
    div.icon-box.diabetes{
    	min-height: 0 !important;
    	height: auto;
    }
    div.icon-box.plaisir-en-sante{
    	min-height: 0 !important;
    	height: auto;
    }
    div.planInfo p.planCTA{
    	margin-bottom: initial;
    }
    div#VIPcook.container{
		width: auto;
		margin: 50px 30px;
	}
	ul.faqList{
		margin: 10px auto;
	}
	ul.faqList li{
		width: 48%;
		margin: 10px 1%;
		float: left;
		display: inline-block;
	}
	ul.faqList li span{
		display: initial;
	}
	h1.faqPage{
		line-height: 0.9;
		margin: 0;
	}
	ul.dossier-nav{
		display: block;
		padding-top: 40px;
		overflow: hidden;
	}
	ul.dossier-nav li{
		display: inline-block;
		float: left;
		width: 50%;
	}
	ul.dossier-nav.threes{
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0;
	}
	ul.dossier-nav.threes li{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 33%;
	}
	div.dossier-bottom-title p.splashBigText{
		font-size: 4vw;
	}
	div.dossier-header{
	    margin-bottom: 20px;
	    height: auto;
	}
	div.dossier-header h1#dossier-title{
        font-size: 10vw;
        margin-top: 40px;
	}
	div.dossier-header div.dossier-bottom-title{
		width: 93%;
		margin: 3.5%;
		left: 0;
		position: relative;
	}
	div.col-xs-6.col-sm-6.col-md-6.col-lg-6.dossier-tile{
		height: 220px;
	}
	/************************************
	           ATEDRA
	************************************/
	div.not_printable#atedraHeader,
	div.not_printable#atedraFooter{
		max-width: 100% !important;
	}
}
@media only screen and (max-width : 320px) {
	html, body{
		max-width: 100%;
		min-width: 100%; 
	}
	.bar-title{
	    margin-bottom: 0;
	}
	#content-wrap{
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	#sidebar-1{
	display: block;
	min-width: 100%;
	max-width: 100%;
	}
	#content{
		width: 100%;
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
	}
	.excerpt{
		display: block;
		width: 100%;
		margin: 0 auto;
		top: 0;
		font-size: 0.9em !important;
		
		border: 0;
	}
	.excerpt .separator{
		display: none;
	}
	.full-image{
		width: 100%;
		margin: auto;
		height: 150px;
		border-top: 2px solid #A0C963;
		overflow: hidden;
	}
	.full-image img{
		width: 100%;
		max-height: auto;
		padding: 0;
		border: 0;
	}
	.sidebar{
		min-width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
		display: block;
	}
	#sidebar-2{
		width: 100%;
		margin: 0 auto;
		display: block;
		clear: both;
	}
	.widget{
		margin: 0;
		padding: 0;
		max-width: 100%;
	}
	#search-3{
		background-color: #A0C963;
		height: 
	}
	.tabList{
        font-size: 6vw;
        padding: 0;
        display: table-cell;
    }
	/********************************
			 RPWE Fixes
	*******************************/
	.rpwe-block li{
		display: inline;
		max-width: 49%;
		margin: auto;
	}
	.rpwe-img{
		display: inline;
		min-width: 49%;
	}
	.rpwe-title{
		float: left;
		width: auto;
		display: inline;
	}
	.rpwe-block h3 {
  /* background: none!important; */
  /* clear: none; */
  /* margin-bottom: 0!important; */
  /* margin-top: 0!important; */
	font-weight: inherit !important;
	line-height: inherit !important;
	display: inline;
	}
    .splashHeader{
        width: 75%;
    }
}
/*********************************
       Bootstrap Breakpoints
	   For Reference
*********************************/
/*@media only screen and (max-width : 1200px) {
    Monitors
}

@media only screen and (max-width : 979px) {
    Tablets
}

@media only screen and (max-width : 767px) {
    Tablets Portrait
}

@media only screen and (max-width : 480px) {
    Phones
}

@media only screen and (max-width : 320px) {
    Phones portraits
}*/