/*** media query ***/

/*pc version*/

@media screen and (min-width: 1241px){
   #mobile{
        display:none !important;
    }

}
@media screen and (max-width: 1240px){
	
   .nav {
		position: relative;
/* Possibly the issue with iphone menu not working */
/*		min-height: 40px;	*/
        margin:0;
	}
    
    .mobile-menu.fixed-position{
        display:block;
        /*background: url(../images/mobileMenu-icon.png) no-repeat 50%;*/
        left: 0px;
        width:24px;
        height:20px;
		padding: 5px 0;
		position: absolute;
		border:0; 
        cursor:pointer;
        margin-left: 10px;
        margin-top: 6px;
    }
    
    #mobile{
        display:none;
    }
    
    .nav ul.default-menu{
        display:none;
    }
    
	#mobile ul.mobile {
		width: 122px;
        height:auto;
		position: absolute;
		top: 40px;
		left: 0;
		border:0;
        background: #000000;
	}
    
    #mobile ul.mobile li{
        padding: 10px 15px;
        font-size:12px;
    }
    
    
    #mobile ul.mobile li:hover{
        border:none;
        background:#16b2c9;
    }

}

@media screen and (max-width: 950px){
    
    .gci-category{
        width:24%;
    }

    .love-category{
        width:24%;
    }
    
    .definitions-category{
        width:28%;
    }
    
    .word-category{
        width:28%;
    }

    .life-category{
        width:28%;
    }

    h2{
        font-size:28px;
    }

}

/*
@media screen and (max-width: 800px){
    
}
*/

@media screen and (min-width: 639px){
    
.banner #banner_slider{
	width:100%;
    min-height: 1080px;
	background:url(../images/banner-LilacBreastedRoller.png)  50% 0 no-repeat fixed;
	background-size:cover;
    background-attachment: scroll;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    
	
    }
}
    
@media screen and (max-width: 768px){
    
   h1{
        font-size:42px;
    }
    
    .section-wrapper{
        width:95%;
    }
        
    .gci-category{
        width:24%;
    }

    .love-category{
        width:30%;
    }
    
    .definitions-category{
        width:32%;
    }
    
    .word-category{
        width:32%;
    }

    .life-category{
        width:28%;
    }

    h2{
        font-size:28px;
    }

    .whitespace-bottom{
        padding-bottom:150px;
    }
    
    .subSection-wrapper{
        margin-top:0;
    }

    .last-wrapper{
        padding:20px 0 20px 20px;
    }

   
    .category{
        margin-bottom:40px;
    }     

}

@media screen and (max-width: 640px){
	.page{
		margin:0px;
        overflow-x: hidden;
	}
	
	#scrolldown{
		display:block;
		position:absolute;
		width:51px;
		height:51px;
		left:50%;
		margin-left:-25.5px;
		background-size:100% 100%;
	}
    
    .banner h1{
        margin-top:20px;
    }
    
    .section-wrapper{
        width:95%;
    }

/*
   .gci-category p.margin-alignment{
        margin-bottom:20px;
    }
*/

    .gci-category{
        width:24%;
    }

    .love-category{
        width:34%;
    }
    
    .definitions-category{
        width:32%;
    }
    
    .word-category{
        width:32%;
    }

    .life-category{
        width:30%;
    }

    h2{
        font-size:24px;
    }
    
    .fs24px{
        font-size:18px;
    }
    
    .fs16px{
        font-size:14px;
    }    
    
    .btn-blue-filled.enlarged{
        font-size: 16px;
    
    }

}

@media screen and (max-width: 535px){
    
/*    .gci-category, .last  {	*/

    .gci-category{
        width:48%;
    }

    .love-category{
        width:48%;
    }
    
    .definitions-category{
        width:48%;
    }
    
    .word-category{
        width:48%;
    }

    .life-category{
        width:48%;
    }

    h2{
        font-size:24px;
    }
    
    .fs21px{
        font-size:18px;
    }   
    
    .fs18px{
        font-size:16px;
    }      

    .section-frame{
        width:100%;
        height:100%;
    }

    .section-frame p{
        padding:0 3px;
    }
    
    .section-frame p.fs18px{
        font-size:16px;
    }
    
   .last-details{
        padding-top:10px;
        padding-bottom:10px;
/*        padding-right:24px;	*/
    }
        
  .whitespace-bottom{
        padding-bottom:0;
    }

}

    
@media screen and (max-width: 400px){
    
  .section-frame {
        width:100%;
        height:100%;
    }    

    .gci-category{
        width:49%;
    }

    .love-category{
        width:49%;
    }
    
    .definitions-category{
        width:48%;
    }
    
    .word-category{
        width:48%;
    }

    .life-category{
        width:50%;
    }

    h2{
        font-size:24px;
    }
   
    .fs24px{
        font-size:18px;
    }
    
     .section-wrapper.bottommargin-offset{
        margin-bottom:0px;
    }
    
    .section-wrapper.topmargin-offset{
        margin-top:0px;
    }    
        
}
    
@media screen and (max-width: 345px){
/* max-width was 348 */
    
    .gci-category, .love-category, .definitions-category, .word-category, .life-category{
        width:50%;
    }

}