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

/* phone up to portrait */
@media only screen 
and (max-width: 767px) {
}

/* phone up to landscape */
@media only screen 
and (min-width : 576px) 
and (max-width : 767px) {
}

/* small tablets / iphone X and up landscape */
@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {
}

/* small screens and ipad pro portrait */
@media only screen 
and (min-width : 992px) 
and (max-width : 1200px) {
}

/* small tablets landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}

/* small tablets portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}

/* phone landscape */
@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) {
}

/* iphone x fixes */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) {
}

/* iphone x fixes */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : landscape) {
}

/* iphone 11 pro max fixes */
@media only screen 
and (min-device-width: 414px) 
and (max-device-height: 896px) 
and (orientation : landscape) { 
}
	
@media only screen 
and (min-device-width: 414px) 
and (max-device-height: 896px) 
and (orientation : portrait) { 
}

/* ful width block fixes for screen sizes between 1200px - 1900px */
@media only screen 
and (min-width : 1200px) 
and (max-width : 1365px) {
}

@media only screen 
and (min-width : 1366px) 
and (max-width : 1600px) {
}

@media only screen 
and (min-width : 1601px) 
and (max-width : 1900px) {
}