@media screen and (max-width : 480px) {

  body {
      font-size: 1.4rem;
      line-height: 1.8rem;
  }      
h2 {
    font-size: 1.4rem;
    letter-spacing: 0.6rem;
    margin-bottom: 1rem;
    padding: 0.2rem;
}
  .crList li {line-height: 1.8rem;}
  #ptch_content{padding:30px 10px 40px 10px;} 
  #main-wrapper{padding:0px;} 
  .productIntroText{margin-left:0px;}  
  .thumbImgLeft{clear:both;float:none;}  
  .container{width:100%;}
  #subPageHdPict2{  
    padding:0px;
    font-size:2.0rem;
    height: 2rem;
    left: 30px;
    margin-top:-1rem;
    top: 50%;
  }      
  #subPageHdPict{
    font-size: 2.0rem;
    height: 4rem;
    left: 50px;
    margin-top: -2rem;
    padding: 0.5rem 0px 0px 5rem;
    top: 50%;
    }     
    #second_menu .sub-menu{
      margin-left:10px;
    }  
    #second_menu .sub-menu .menu-item{
      padding:1px;            
      font-size:1.6rem;
      line-height:1.6rem;
    }
  header .navbar .navbar-inner{margin:0px;}  
  #ptch_content h2 {
      font-size: 1.4rem;
      letter-spacing: auto;
      margin-bottom: 1rem;
      padding: 0.2rem;
  }  
  .hlt {
      font-size: 1.4rem !important;    
  } 
  #thumbnailsContainer{height:110px;}   
  .mainThumb {
      border: 2px solid #fff;
      border-top-left-radius: 10px;
      padding: 0 4px;
      width: 150px;
  }  
  .tDot{width:12px;height:12px;}
  #prevArr, #nextArr{top:25%;} 
  #sc0s1 {
    font-size: 3rem;
    line-height: 5rem;
    padding-bottom: 1rem;
}
  .sc0 {padding: 2rem 2rem 2rem;}  
  .sc1 {padding: 2rem 2rem 2rem;}  
  .sc2 {padding: 2rem 2rem 2rem;}  
  .sc2White {padding: 2rem 2rem 2rem;}  
  .sc0s1Pict{width:100px;height:auto;}      
  #sc0s1Pict1{margin:1rem 0.5rem 1rem 0.5rem;}
  #sc0s1Pict2{margin:1rem 0.5rem 1rem 0.5rem;}                 
  #sc0s1Pict3{margin:1rem 0.5rem 1rem 0.5rem;}  
  #sc0s1Pict4{margin:1rem 0.5rem 1rem 0.5rem;}  
  #sc0s1Pict5{margin:1rem 0.5rem 1rem 0.5rem;}
  #sc0s1Pict6{margin:1rem 0.5rem 1rem 0.5rem;}                
  #sc0s1Pict7{margin:1rem 0.5rem 1rem 0.5rem;}                  
  #sc0s1Pict8{margin:1rem 0.5rem 1rem 0.5rem;}  

  #datesOuterContainer{margin-top:2rem;min-height:20rem;}
  .dateBox{position:relative;display:inline-block;width:auto;margin:0px;}
  .fotoBrd{width:100%;height:auto;}
  .fotoBrd2{width:100%;height:auto;}
  .dateFoto{margin:4px;}
  .dateDot{display:none;}                   
  .dateNum{line-height:2.2rem;font-size:1.8rem;margin:1rem 0rem 0.5rem 0rem;}                     
  .dateLine{width:10.5rem}
  .dateText{font-family:Lato;font-size:1.3rem;color:#fff;line-height:1.7rem;margin-bottom:3rem}
  #dashLine{display:none;}
  #sc2Col1{position:relative;z-index:4;width:25rem;}
  #sc2s1{font-size:6rem;line-height:6rem;}
  #sc2s2{font-size:3.0rem;line-height:3.0rem;padding-bottom:0.8rem;}
  #sc2s3{font-family:Lato;font-weight:400;font-size:1.2rem;line-height:1.2rem;padding-bottom:2rem;}
  #sc2s4{font-family:Oswald;font-weight:200;font-size:3.0rem;line-height:3.0rem;padding-bottom:0.8rem;}
  #sc2s5{font-family:Lato;font-weight:400;font-size:1.2rem;line-height:1.4rem;padding-bottom:7rem}                   
  #sc2Col2{z-index:3;left:10%;top:12rem;right:3rem;bottom:2rem;}
  
  #sc3Col1{display:block;width:100%;margin-top:5rem;min-height:10rem;background-repeat:repeat;background-size:10% auto; box-sizing:border-box;vertical-align:top;}
#sc3Col2{display:inline-block;width:100%;color:#fff;padding-top:5rem;text-transform:uppercase;margin-left:1.5rem;vertical-align:top;}
#sc3s1{font-family:Oswald;font-weight:200;margin-bottom:0rem;font-size:3.7rem;line-height:4.2rem;padding-bottom:2rem;}
#sc3s2{font-family:Lato;font-weight:400;margin-bottom:0rem;font-size:1.3rem;line-height:3rem;padding-bottom:1.2rem;text-transform:uppercase;}
.sc3s2Ul{}
.sc3s2Ul li{margin-bottom:0.7rem}
#sc3s3{font-family:Lato;font-weight:400;font-size:1.8rem;line-height:2.8rem;padding-bottom:2rem;text-transform:uppercase;}
  .plyty_marker{width:15px;height:15px;}  
  .hdh1 H1{font-size:2.4rem;}  
  ul.productTypesCells li.liCol{display:inline-block;width:49%;vertical-align:top;padding:0px}
  ul.doorTypesCells li.liCol{display:inline-block;width:95%;vertical-align:top;padding:8px 2px 8px 2px;border-top:1px solid #eee;}
  h3.blue{font-size: 1.4rem;line-height: 2.0rem;}
  #kBoxes TD.kBox {
    border: 2px solid #6697b0;
    font-weight:400;
    padding: 0.1rem;
  }
  TD.kBox div {
      font-size: 1.2rem !important;
      padding: 0.2rem;
  }   
  .specTab td{font-size:1rem;}
  
  table.ordEx{
  border-spacing: 2px 2px;  
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px
}
  table.ordEx td{
  padding:4px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  font-size:0.8rem;
  line-height:1.2rem;
  }
  div.big{font-size:1.8em;font-weight:bold;margin:8px;}

}


@media screen and (min-width: 481px) and (max-width: 800px) {
  body {
      font-size: 1.5rem;
      line-height: 1.9rem;
  }  
  #ptch_content{padding:20px 20px 40px 20px;}    
  #main-wrapper{padding:0px;}
  .productIntroText{margin-left:0px;}  
  .thumbImgLeft{clear:both;float:none;}  
  .container{width:100%;}  
  #subPageHdPict2{
    padding:0px;
    font-size:2.8rem;
    height: 2rem;
    left: 50px;
    margin-top:-1rem;
    top: 50%;
    } 
    #subPageHdPict{
    font-size: 2.8rem;
    height: 6rem;
    left: 50px;
    margin-top: -3rem;
    padding: 1.8rem 0px 0px 80px;
    top: 50%;
    }       
    #second_menu .sub-menu{
      margin-left:10px;
    }  
    #second_menu .sub-menu .menu-item{
      padding:2px;      
      font-size:1.8rem;
      line-height:1.8rem;
    }
  header .navbar .navbar-inner{margin:0px;}  
  #ptch_content h2 {
      font-size: 1.7rem;
      letter-spacing: 0.2rem;
      margin-bottom: 2rem;
      padding: 0.4rem;
  }  
  #thumbnailsContainer{height:146px;}   
  .mainThumb {
      border: 2px solid #fff;
      border-top-left-radius: 20px;
      padding: 0 4px;
      width: 200px;
  }  
  .tDot{width:15px;height:15px;}
  #prevArr, #nextArr{top:28%;}  
.sc0s1Pict{width:100px;height:auto;}      
  #sc0s1Pict1{margin:2rem 1.0rem 2rem 1.0rem ;}
  #sc0s1Pict2{margin:2rem 1.0rem 2rem 1.0rem}                 
  #sc0s1Pict3{margin:2rem 1.0rem 2rem 1.0rem}  
  #sc0s1Pict3:after { content:"."; display:block }  
  #sc0s1span3 { content:"."; display:block }
  #sc0s1Pict4{margin:2rem 1.0rem 2rem 1.0rem}  
  #sc0s1span4 { content:"."; display:none }
  #sc0s1Pict5{margin:2rem 1.0rem 2rem 1.0rem}
  #sc0s1Pict6{margin:2rem 1.0rem 2rem 1.0rem} 
  #sc0s1span6 { content:"."; display:block }   
              
  #sc0s1Pict7{margin:2rem 1.0rem 2rem 1.0rem}                  
  #sc0s1Pict8{margin:2rem 1.0rem 2rem 1.0rem}  
  .sc0 {padding: 2rem 2rem 2rem;}  
  .sc1 {padding: 2rem 2rem 2rem;}  
  .sc2 {padding: 2rem 2rem 2rem;}  
  .sc2White {padding: 2rem 2rem 2rem;}
  #datesOuterContainer{margin-top:2rem;min-height:20rem;}
  .dateBox{position:relative;display:inline-block;width:auto;margin:0px;}
  .fotoBrd{width:104px;height:auto;float:left;margin-bottom:2rem;}
  .fotoBrd2{width:100%;height:auto;}
  .dateFoto{margin:4px;}
  .dateDot{display:none;}                   
  .dateNum{line-height:2.2rem;font-size:2.6rem;margin:0rem 0rem 0.5rem 114px;}                     
  .dateLine{width:10.5rem;margin-left:114px;}
  .dateText{font-family:Lato;font-size:1.3rem;color:#fff;line-height:1.7rem;margin-bottom:3rem;margin-left:114px;}
  .dateText:after { content:"."; clear:both; } 
  #dashLine{display:none;}  
  #sc2Col1{position:relative;z-index:4;width:25rem;}
  #sc2s1{font-size:10rem;line-height:10rem;}
  #sc2s2{font-size:4.0rem;line-height:4.0rem;padding-bottom:0.8rem;}                   
  #sc2Col2{z-index:3;left:10%;top:12rem;right:3rem;bottom:2rem;}

  #sc3Col1{display:block;width:100%;margin-top:5rem;min-height:20rem;background-repeat:repeat;background-size:10% auto; box-sizing:border-box;vertical-align:top;}
  #sc3Col2{display:block;width:100%;color:#fff;padding-top:5rem;text-transform:uppercase;margin-left:2rem;vertical-align:top;}
  #sc3s1{font-family:Oswald;font-weight:200;margin-bottom:0rem;font-size:4.0rem;line-height:5rem;padding-bottom:2rem;}
  #sc3s2{font-family:Lato;font-weight:400;margin-bottom:0rem;font-size:1.3rem;line-height:3rem;padding-bottom:1.2rem;text-transform:uppercase;}
  .sc3s2Ul{}
  .sc3s2Ul li{margin-bottom:0.7rem}
  #sc3s3{font-family:Lato;font-weight:400;font-size:1.8rem;line-height:2.8rem;padding-bottom:2rem;text-transform:uppercase;} 
  .plyty_marker{width:18px;height:18px;}  
  .hdh1 H1{font-size:3rem;}    
  ul.productTypesCells li.liCol{display:inline-block;width:49%;vertical-align:top;padding:0px 6px 0px 6px;}
  ul.productTypesCells li.liCol:nth-child(odd){padding:0px 6px 0px 0px;}
  ul.productTypesCells li.liCol:nth-child(even){padding-right:0px 0px 0px 6px;}  
  ul.doorTypesCells li.liCol{display:inline-block;width:49%;vertical-align:top;padding:10px 6px 10px 6px;border-top:1px solid #eee;}
  ul.doorTypesCells li.liCol:nth-child(odd){padding:10px 6px 10px 0px;}
  ul.doorTypesCells li.liCol:nth-child(even){padding-right:10px 0px 10px 6px;} 
  h3.blue{font-size: 2.0rem;line-height: 3.0rem;}
  #kBoxes TD.kBox {
    border: 3px solid #6697b0;    
    font-weight:400;
    padding: 0.1rem;
    width: 25%;
  }
  TD.kBox div {
      font-size: 1.3rem !important;
      line-height: initial;
      padding: 0.6rem;
  }   
  .specTab td{font-size:1rem;}
  
    table.ordEx{
  border-spacing: 4px 4px;  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px
}
  table.ordEx td{
  padding:8px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  font-size:1rem;
  line-height:1.4rem;
  }
  div.big{font-size:2.4em;font-weight:bold;margin:12px;}
  
}  

@media screen and (min-width: 801px) and (max-width: 960px) {
  body {
      font-size: 1.6rem;
      line-height: 2rem;
  }    
  #ptch_content{padding:20px 40px 40px 40px;}   
  #main-wrapper{padding:0px;}
  .container{width:100%;}  
  #subPageHdPict2{
   font-size:3.2rem;
    height: 100px;
    left: 80px;
    margin: 0;
    padding: 0px;
    top: 80px;
    }        
    #subPageHdPict{
    font-size: 3.2rem;
    height: 10rem;
    left: 80px;
    margin-top: -5rem;
    padding: 2rem 0px 0px 120px;
    top: 50%;
    }  
    #second_menu .sub-menu{
      margin-left:15px;
    }  
    #second_menu .sub-menu .menu-item{
      padding:3px
    }
  header .navbar .navbar-inner{margin:0px;}  
  #ptch_content h2 {
      font-size: 2.0rem;
      letter-spacing: 0.4rem;
      margin-bottom: 3rem;
      padding: 0.8rem;
  }  
  .span12{width:auto !important;}  
  .sc0s1Pict{width:120px;height:auto;}      
  #sc0s1Pict1{margin:0 2.0rem 4rem 0;}
  #sc0s1Pict2{auto;margin:0 2.0rem 4rem 2.0rem}                 
  #sc0s1Pict3{margin:0 2.0rem 4rem 2.0rem}
  #sc0s1Pict4{margin:0 0rem 4rem 2.0rem}  
  #sc0s1Pict5{margin:0.5rem 2.0rem 1rem 0rem}
  #sc0s1Pict6{margin:0.5rem 2.0rem 1rem 2.0rem}                 
  #sc0s1Pict7{margin:0.5rem 2.0rem 1rem 2.0rem}                  
  #sc0s1Pict8{margin:0 0rem 1rem 2.0rem}  
  .sc0 {padding: 4rem 4rem 4rem;}  
  .sc1 {padding: 4rem 4rem 4rem;}  
  .sc2 {padding: 4rem 4rem 4rem;}  
  .sc2White {padding: 4rem 4rem 4rem;}
  #datesOuterContainer{margin:5rem auto 1rem auto;width:700px;min-height:40rem;}                    
  .dateBox{display:inline-block;width:10rem;margin-right:1.6rem;}
  .fotoBrd{width:100%;height:13rem;background-image:url(../../../images/thumbBg1.svg);background-repeat:no-repeat;}
  .fotoBrd2{width:100%;height:17rem;}
  .dateFoto{margin:4px;}
  .dateDot{display:none}                   
  .dateDot2{}
  .dateNum{font-family:Oswald;line-height:3.8rem;font-size:3.8rem;color:#fff;font-weight:400;margin-bottom:1rem;}                     
  .dateLine{border-top:8px solid #6697b0;width:65%;margin-bottom:1.5rem;}
  .dateText{font-family:Lato;font-size:1.3rem;color:#fff;line-height:1.7rem;}
  #dashLine{display:none}  
  #sc2Col1{width:38%}    
  
#sc3Col1{display:inline-block;width:43%;margin-top:5rem;min-height:40rem;background-repeat:repeat;background-size:10% auto; box-sizing:border-box;vertical-align:top;}
#sc3Col2{display:inline-block;width:49%;color:#fff;padding-top:5rem;text-transform:uppercase;margin-left:3rem;vertical-align:top;}
#sc3s1{font-family:Oswald;font-weight:200;margin-bottom:0rem;font-size:4.5rem;line-height:5.5rem;padding-bottom:2rem;}
#sc3s2{font-family:Lato;font-weight:400;margin-bottom:0rem;font-size:1.3rem;line-height:3rem;padding-bottom:1.2rem;text-transform:uppercase;}
.sc3s2Ul li{margin-bottom:0.7rem}
#sc3s3{font-family:Lato;font-weight:400;font-size:1.8rem;line-height:2.8rem;padding-bottom:2rem;text-transform:uppercase;}  
  .plyty_marker{width:24px;height:24px;}   
  ul.productTypesCells li.liCol{display:inline-block;width:24.5%;vertical-align:top;padding:0px 6px 0px 6px;}
ul.productTypesCells li.liCol:nth-child(1){padding-left:0px;}
ul.productTypesCells li.liCol:nth-child(4){padding-right:0px;}
ul.productTypesCells h3.blue{font-size: 2.0rem;line-height: 3.0rem;}
  #kBoxes TD.kBox {  
    border: 4px solid #6697b0;
    border-radius: 1rem;
    padding: 0.2rem;
    width: 25%;
  }
  TD.kBox div {
      font-size: 2.2rem !important;
      line-height: initial;
      padding: 1.6rem;
  }   
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  body {
      font-size: 1.8rem;
      line-height: 2.5rem;
  }  
  #main-wrapper{padding:0px;}
  .container{width:100%;}  
  #subPageHdPict2{
   font-size:3.2rem;
    height: 100px;
    left: 80px;
    margin: 0;
    padding: 0px;
    top: 80px;
    }        
    #subPageHdPict{
    font-size: 3.4rem;
    height: 12rem;
    left: 80px;
    margin-top: -5.6rem;
    padding: 3rem 0px 0px 150px;
    top: 50%;
    }  
    #second_menu .sub-menu{
      margin-left:15px;
    }  
    #second_menu .sub-menu .menu-item{
      padding:4px
    }        
  .menu > li > a {font-size: 2.2rem;line-height: 2.0rem;}
  .menu > li > ul li a {font-size: 1.9rem;line-height:2.0rem}
  header .navbar .navbar-inner{margin:0px;}    
  .sc0s1Pict{width:150px;height:auto;}      
  #sc0s1Pict1{margin:0 2.5rem 5rem 0;}
  #sc0s1Pict2{auto;margin:0 2.5rem 5rem 2.5rem}                 
  #sc0s1Pict3{margin:0 2.5rem 5rem 2.5rem}
  #sc0s1Pict4{margin:0 0rem 5rem 2.5rem}  
  #sc0s1Pict5{margin:0.5rem 2.5rem 1rem 0rem}
  #sc0s1Pict6{margin:0.5rem 2.5rem 1rem 2.5rem}                 
  #sc0s1Pict7{margin:0.5rem 2.5rem 1rem 2.5rem}                  
  #sc0s1Pict8{margin:0 0rem 1rem 2.5rem}   
  .span12{width:auto !important;}   
  .sc0 {padding: 4rem 3rem 4rem;}  
  .sc1 {padding: 4rem 3rem 4rem;}  
  .sc2 {padding: 4rem 3rem 4rem;}  
.sc2White {padding: 4rem 4rem 4rem;}
  #datesOuterContainer{margin:5rem auto 1rem auto;width:880px;min-height:40rem;}                    
  .dateBox{display:inline-block;width:12.8rem;margin-right:1.8rem;}
  .fotoBrd{width:100%;height:17rem;background-image:url(../../../images/thumbBg1.svg);background-repeat:no-repeat;}
  .fotoBrd2{width:100%;height:17rem;}
  .dateFoto{margin:4px;}
  .dateDot{position:absolute;top:12.7rem;left:4rem;width:100%;z-index:4;background-image:url(../../../images/dot3.svg);background-repeat:no-repeat;background-position:center center;width:2.5rem;height:2.5rem;}                   
  .dateDot2{}
  .dateNum{font-family:Oswald;line-height:4.5rem;font-size:4.5rem;color:#fff;font-weight:400;margin-bottom:1rem;}                     
  .dateLine{border-top:8px solid #6697b0;width:65%;margin-bottom:1.5rem;}
  .dateText{font-family:Lato;font-size:1.3rem;color:#fff;line-height:1.7rem;}
  #dashLine{position:absolute;top:14rem;border-top:1px dashed #fff;width:900px;z-index:3;}  
  #sc3Col1{display:inline-block;width:45%;margin-top:5rem;min-height:40rem;background-repeat:repeat;background-size:10% auto; box-sizing:border-box;vertical-align:top;}
  #sc3Col2{display:inline-block;width:49%;color:#fff;padding-top:5rem;text-transform:uppercase;margin-left:4rem;vertical-align:top;}
  #sc3s1{font-family:Oswald;font-weight:200;margin-bottom:0rem;font-size:4.7rem;line-height:6rem;padding-bottom:2rem;}
  #sc3s2{font-family:Lato;font-weight:400;margin-bottom:0rem;font-size:1.3rem;line-height:3rem;padding-bottom:1.2rem;text-transform:uppercase;}
  .sc3s2Ul{}
  .sc3s2Ul li{margin-bottom:0.7rem}
  #sc3s3{font-family:Lato;font-weight:400;font-size:1.8rem;line-height:2.8rem;padding-bottom:2rem;text-transform:uppercase;}
}