@charset "utf-8";
/* CSS Document */

/* IE10+ VIEWPORT FIX */
@-ms-viewport{width:device-width;}
@viewport{width:device-width;}

/*Custom*/
@media screen and (max-width: 1200px){  
    .banner-search{
        padding-bottom: 10px;
    }
    .banner-search .col-md-4{
        margin-left: 15px;
    }
    .update-mark{
        width: 86%;
    }

}

/*Kindle and iPad landscape · width: 1024px*/
@media screen and (max-width: 1024px){
		
}

/*Custom*/
@media screen and (max-width: 992px){
    .col-md-4 .panel{
        margin-top: 10px;
        margin-left: 15px;
    }
    
    .panel-right{
        margin-right: 0 !important;
    }
    
    .panel-left{
        margin-left: 0 !important;
    }
}

/*custom landscape mode · width: 1024px*/
@media screen and (max-width: 960px){
		
}

/*iPad portrait · width: 768px */
@media screen and (max-width: 768px){	
	.update-button{
		display: none;
	}
    
	.sm-left{
		margin-right: -5px;
	}
	.sm-right{
		margin-left: -5px;
	}
}

/* 
 Android (Nexus 4) and Android (Nexus 4) landscape · width: 600px
 Kindle portrait · width: 600px
 */
@media screen and (max-width: 650px){
     #nav{
        display: none;
    }
    
    #selectnav1{
    display: block;
}
    
    .selectnav{
        padding: 1px 0;
        display: block;
        width: 100%;
        color: #fff;
        cursor: pointer;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
        background: #0086b2;
        border: 1px solid transparent;
    }
    
    .selectnav:hover{
        background: #89AB20;
    }
    
    .selectnav option{
        padding: 5px;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
        background: #0086b2;
   } 
    
    .selectnav option:nth-child(1){
        border-top: 1px transparent;    
    }
    
    .selectnav option:last-child{
        display: none;
    }

}

/* iPhone 5 landscape · width: 568px*/
@media screen and (max-width: 568px){

	
}

/* iPhone 3+4 landscape · width: 480px*/
@media screen and (max-width: 480px){

	.header_text  {font-size: 18px;}
}

/*Android (Nexus 4) portrait · width: 384px*/
@media screen and (max-width: 384px){
	
}

/*
 Crappy Android landscape · width: 320px 
 iPhone 5 portrait · width: 320px
 iPhone 3+4 portrait · width: 320px
 */
@media screen and (max-width: 320px){
.header_text  {font-size: 14px;}	
}

/* Crappy Android portrait · width: 240px */
@media screen and (max-width: 240px){
	
}