/* Small screens */

@media only screen {
    
li.spec-grid {

    list-style:none; 

    list-style-type:none; 

    width:100%; 

    height:320px; 

    float:left; 

    margin:0;

    margin-bottom:1em;

    background-size:cover;

}



    .press-grid li {
        width: 100%;
        float: left;
        position: relative;
        clear: none;
        padding:0.5em;
    }

.resources-grid li {
    width:100%;
    float: left;
    position: relative;
    clear: none;
    padding:0.5em;
}


    
    .mob-footer {
        display:block;
        position:relative;
    }
    
    .desk-footer, .contact-info {
        display:none;
    }    
	


} /* All screens */


@media only screen and (max-width: 20.000em) {

} /* max-width: 320px */

@media only screen and (max-width: 30.000em) {

} /* max-width: 480px */

@media only screen and (max-width: 34.250em) {

    .callouts {
        padding-top:1.5em;
        padding-bottom:0;
    }
    
    .callout {
        margin-bottom:1.5em;
    }

    .press-item .col-xs-12:nth-of-type(2) {
        margin-top:3em;
    }    
	
	.philosophy-right {
		margin-top: 2.625em;	
	}
	
	.philosophy-left {
		padding-right: 15px;
	}  

    
} /* max-width: 548px */


/* Small Tablets */

@media only screen and (min-width: 34.357em) {

li.spec-grid {

    list-style:none; 

    list-style-type:none; 

    width:47.5%; 

    height:289px;

    float:left; 

    margin:1.25%;

    background-size:cover;


}

    .callout {
        margin-bottom:1.5em;
    }
    
    .nav-row {
        border-bottom:1px solid #FFF;
    }
    
    .press-grid li {
        width:50%;
    }

    .resources-grid li {
        width:50%;
        height:285px;
    }    

    .press-item .col-xs-12:nth-of-type(2) {
        margin-top:3em;
    }     
	
	.philosophy-right {
		margin-top: 2.625em;	
	}
	
	.philosophy-left {
		padding-right: 15px;
	}     
    
} /* min-width: 549px, max-width:640px */


/* Medium screens */
/* ИЗМЕНИЛ */

/* @media only screen and (min-width: 40.063em) { */
@media only screen and (min-width: 768px) {
    
    .callout {
        padding:2em 1em;
    }
    
    .mob-footer {
        display:none;
    }
    
    .desk-footer, .contact-info {
        display:block;
    }      
    
    #mobile-nav {
        display:none;
    }
    
    .daBlocks {
        float:left;
        clear:none;
        position:relative;
        width:30%;
        padding-right:3%;
    }

    .the-arrow {
        top:49px;
    }

    .photo-grid .btn {
        margin-left:-3%;
    }


} /* min-width: 641px (ipad) */

@media only screen and (min-width: 48em) {

	.philosophy-right {
		margin-top: 0em;	
	} 
	
	.philosophy-left {
		padding-right: 3em;
	}


} /* min-width: 768px (matches bootstrap 100% width switch-point) */

@media only screen and (min-width: 48.063em) {
    

    .resources-grid li {
        width:25%;
        height:188px;
    }

    .press-grid li {
        width:20%;
    }    

    .callout {
        margin-bottom:0;
    }  
    
    .nav-row {
        border-bottom:0;
    }
	   
    .press-grid li {
        width:20%;
    }    

    .press-item .col-xs-12:nth-of-type(2) {
        margin-top:0;
    }     

    .nav-row .col-xs-4 div {
        margin-top:0.875em;
    }

        .the-arrow {
            top:42px;
            -bracket-:hack[;
                top:43px;
            ];          
        }
		
} /* min-width: 769px */


/* Large screens */

@media only screen and (min-width: 64.063em) {

li.spec-grid {

    list-style:none; 

    list-style-type:none; 

    width:22.5%; 

    height:212px;

    float:left; 

    margin:1.25%;

    background-size:cover;

}

    .nav-row .col-xs-4 div {
        margin-top:0;
        padding-top:0.875em;
    }    

    
} /* min-width: 1025px */


/* XLarge screens */

@media only screen and (min-width: 90.063em) {

} /* min-width: 1441px */


/* XXLarge screens */

@media only screen and (min-width: 120.063em) {

} /* min-width: 1921px */