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

/*

WXGA++ (HD+)  1600x900 (16:9)      1,44 Мпикс
WSXGA      1600x1024 (25:16)     1,64 Мпикс
UXGA      1600x1200 (4:3)      1,92 Мпикс
WSXGA+      1680x1050 (16:10)    1,76 Мпикс

*/







  #sld1{
    background:url(image/1600x900/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1600x900/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1600x900/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1600x900/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1600x900.jpg) top center no-repeat;
}



}
@media screen and (min-width: 1600px) and (max-height:1025px) {

  #sld1{
    background:url(image/1600x1024/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1600x1024/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1600x1024/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1600x1024/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1600x1024.jpg) top center no-repeat;
}

}


@media screen and (min-width: 1600px) and (max-height:1051px) {

  #sld1{
    background:url(image/1600x1050/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1600x1050/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1600x1050/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1600x1050/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1600x1050.jpg) top center no-repeat;
}

}

@media screen and (min-width: 1600px) and (max-height:1201px) {

  #sld1{
    background:url(image/1600x1200/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1600x1200/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1600x1200/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1600x1200/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1600x1200.jpg) top center no-repeat;
}

}

/* ------------------------------------------------------------------------------*/



/*

XJXGA    1536x960 (16:10)  1,475 Мпикс
WSXGA (?)  1536x1024 (3:2)    1,57 Мпикс

*/
@media screen and (max-width: 1536px) and (max-height:961px) {

  #sld1{
    background:url(image/1536x960/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1536x960/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1536x960/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1536x960/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1536x960.jpg) top center no-repeat;
}

}
@media screen and (max-width: 1536px) and (max-height:1025px) {

  #sld1{
    background:url(image/1536x1024/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1536x1024/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1536x1024/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1536x1024/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1536x1024.jpg) top center no-repeat;
}

}


/* ------------------------------------------------------------------------------*/


/*

WXGA+                          1440x900 (16:10)  1,296 Мпикс
SXGA+                          1400x1050 (4:3)    1,47 Мпикс
HDV 1080i (Анаморфный Full HD с неквадратным пикселем)  1440x1080 (16:9)  1,55 Мпикс
*/
@media screen and (max-width: 1440px) and (max-height:901px) {

  #sld1{
    background:url(image/1440x900/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1440x900/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1440x900/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1440x900/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1440x900.jpg) top center no-repeat;
}



}
@media screen and (max-width: 1440px) and (max-height:1051px) {

  #sld1{
    background:url(image/1400x1050/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1400x1050/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1400x1050/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1400x1050/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1400x1050.jpg) top center no-repeat;
}


}
@media screen and (max-width: 1440px) and (max-height:1081px) {

  #sld1{
    background:url(image/1440x1080/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1440x1080/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1440x1080/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1440x1080/4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1440x1080.jpg) top center no-repeat;
}

}


/* ------------------------------------------------------------------------------*/

@media screen and (max-width: 1366px) and (max-height:761px) {

  #sld1{
    background:url(image/slider/1366_1.jpg) top right no-repeat;
  }
  #sld2{
    background:url(image/slider/1366_2.jpg) top right no-repeat  ;
  }
  #sld3{
    background:url(image/slider/1366_3.jpg) top right no-repeat;
  }
  #sld5{
    background:url(image/slider/1366_4.jpg) top right no-repeat;
  }

#sld7{
  background:url(image/sld7/1366x760.jpg) top center no-repeat;
}

}



/*

HDV 720p (HD 720p)    1280x720 (16:9)    921,6 кпикс
WXGA          1280x768 (5:3)    983,04 кпикс
SXGA          1280x1024 (5:4)    1,31 Мпикс

*/
@media screen and (max-width: 1280px) and (max-height:721px) {

  #sld1{
    background:url(image/1280x720/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1280x720/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1280x720/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1280x720/4.jpg) top center no-repeat;
  }

}
@media screen and (max-width: 1280px) and (max-height:769px) {

  #sld1{
    background:url(image/1280x768/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1280x768/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1280x768/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1280x768/4.jpg) top center no-repeat;
  }

}
@media screen and (max-width: 1280px) and (max-height:1025px) {

  #sld1{
    background:url(image/1280x1024/1280_1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1280x1024/1280_2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1280x1024/1280_3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1280x1024/1280_4.jpg) top center no-repeat;
  }

#sld7{
  background:url(image/sld7/1280x1024.jpg) top center no-repeat;
}


}


/* ------------------------------------------------------------------------------*/

/*

WSVGA  1024x600 (128:75)  614,4 кпикс
XGA    1024x768 (4:3)    786,432 кпикс
*/
@media screen and (max-width: 1024px) and (max-height:601px) {

  #sld1{
    background:url(image/1024x600/1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1024x600/2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1024x600/3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1024x600/4.jpg) top center no-repeat;
  }

}
@media screen and (max-width: 1024px) and (max-height:769px) {

  #sld1{
    background:url(image/1280x768/1024_1.jpg) top center no-repeat;
  }
  #sld2{
      background:url(image/1280x768/1024_2.jpg) top center no-repeat  ;
  }
  #sld3{
      background:url(image/1280x768/1024_3.jpg) top center no-repeat;
  }
  #sld5{
      background:url(image/1280x768/1024_4.jpg) top center no-repeat;
  }

}

/* ------------------------------------------------------------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
#sld1{
  background:url(image/1280x768/1024_1.jpg) bottom right no-repeat;
   background-position-y: 0px!important;
  background-size: auto 100% !important;
}
#sld2{
  background:url(image/slider/home_monitor_2.jpg) bottom right no-repeat #fff ;
  background-position-y: -21px!important;
   background-position-x: -140px!important;
}
#sld3{
  background:url(image/slider/home_monitor_3.jpg) top right no-repeat;
}
#sld5{
  background:url(image/slider/home_monitor_5.jpg) bottom right no-repeat;
   background-position-y: -19px!important;
  _background-size:98%!important;
}
header{
  padding-top:14px!important;
}
body, #slider{
  overflow-y:hidden!important;
}
.sld {
top: 130px!important;
}
#footer {

margin: -47px auto 0;
height: 47px;
position: fixed;
bottom:0px;
}




}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

#sld1{
  background:url(image/slider/home_monitor_1.jpg) top right no-repeat;
   _background-position-y: -40px!important;
  background-size: auto 100%!important;
}
#sld2{
  background:url(image/slider/home_monitor_2.jpg) bottom right no-repeat #fff ;
  background-position-x: -350px!important;
  background-size: auto 90%!important;
}
#sld3{
  background:url(image/slider/home_monitor_3.jpg) bottom right no-repeat;
   background-size: auto 100%!important;
}
#sld5{
  background:url(image/slider/home_monitor_5.jpg) bottom right no-repeat;
   background-position-y: -40px!important;
  _background-size:98%!important;
}

body, #slider{
  overflow-y:hidden!important;
}

#footer {

margin: -47px auto 0;
height: 47px;
position: fixed;
bottom:0px;
}
}

@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
/* This is codу for Android portrait devices */

body.android #sld2{
    background:url(image/slider/home_monitor_2.jpg) bottom left no-repeat #fff !important;
  background-position-x: -300px!important;
   background-position-y: 47px!important;
  background-size:auto 100%!important;
  
}
/*#sld3{
  background:url(image/slider/home_monitor_3.jpg) bottom right no-repeat;
   background-size: auto 100%!important;
}
#sld5{
  background:url(image/slider/home_monitor_5.jpg) bottom right no-repeat;
   background-position-y: -40px!important;
  _background-size:98%!important;
}
*/



}


@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* This is codу for Android portrait devices */
.android #sld1{
  background:url(image/slider/home_monitor_1.jpg) bottom right no-repeat;
   background-position-y: -40px!important;
  background-size:98%!important;
}
.android #sld2{
  background:url(image/slider/home_monitor_2.jpg) bottom right no-repeat #fff ;
  background-position-y: -40px!important;
   background-position-x: -140px!important;
}
.android #sld3{
  background:url(image/slider/home_monitor_3.jpg) top right no-repeat;
}
.android #sld5{
  background:url(image/slider/home_monitor_5.jpg) bottom right no-repeat;
   background-position-y: -40px!important;
  _background-size:98%!important;
}
.android header{
  padding-top:14px!important;
}
.android body, .android  #slider{
  overflow-y:hidden!important;
}
.android .sld {
top: 130px!important;
}
.android #footer {

margin: -47px auto 0;
height: 47px;
position: fixed;
bottom:0px;
}

}