/* 1250
----------------------------------------*/
@media only screen and (max-width:1250px){
}

/* 1140
----------------------------------------*/
@media only screen and (max-width:1140px){
}


/* 1050
----------------------------------------*/
@media only screen and (max-width:1050px){
}

/* < 900
----------------------------------------*/
@media only screen and (max-width:900px){
.blockFlex { flex-direction: column; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; width: 100%; border: 1px solid #666; border-bottom: none; }

	.leftBlockFlex { width: 100%;  border-right: none; }
	.rightBlockFlex { width: 100%; }
}

/* < 700
----------------------------------------*/
@media only screen and (max-width:700px){
}

/* < 540
----------------------------------------*/
@media only screen and (max-width:540px){
}

/* samsung galaxy tab ----------- */
@media (max-device-width: 1280px) and (orientation: landscape) { 

}
@media (max-device-width: 800px) and (orientation: portrait) { 

}

/* iPad (Portrait and Landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
}
 
/* iPad (Landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.blockFlex { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; width: 100%; border: 1px solid #666; }

	.leftBlockFlex { width: 35%; border-right: 1px solid #666; }
	.rightBlockFlex { width: 65%; }
}
 
/* iPad (Portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.blockFlex { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; width: 100%; border: 1px solid #666; }

	.leftBlockFlex { width: 35%; border-right: 1px solid #666; }
	.rightBlockFlex { width: 65%; }
}
 
/* Notebook and Table comp ----------- */
@media only screen
and (min-width : 1224px) {
}
 
/* Notebook and Table comp ----------- */
@media only screen
and (max-width : 1182px) {
/* ============= */
}
 
/* Big screens ----------- */
@media only screen
and (min-width : 1824px) {
/* ============= */

}
 
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.blockFlex { flex-direction: column; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; width: 100%; border: 1px solid #666; border-bottom: none; }

	.leftBlockFlex { width: 100%;  border-right: none; }
	.rightBlockFlex { width: 100%; }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
}
/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
} 
