@media only screen and (max-width : 1099px)
{
    .container
    {
        width: 1000px; 
    }
    
    .about .cont
    {
       width: 90% !important; padding: 20px 0px;
    }
    .product section
    {
      width: 300px; height: 190px;   
    }
    
    .partners img
    {
        height: 70px;
    }
    
    .change section
    {
        transform: scale(.9); left: -32px;
    }
    
    
    .work section, .comment section
    {
        transform: scale(.8); margin: 0px;
    }
    
    .call h3, .call h4
    {
        left: 250px; margin: auto; width: 480px;
        
    }
    
    .call form
    {
        left: 250px; 
        
    }
    
    .portfolio section
    {
        width: 19%; height: 150px;
    }
}

@media only screen and (max-width : 999px)
{
    .container
    {
        width: 768px; 
    }
    
    
    
    header nav a, .fixed_nav
    {
      display: none;
    }
    .slider h5
    {
        font-size: 22pt;
    }
    
    .about .cont
    {
        width: 90%;
    }
    
    .product { padding-bottom: 60px;}
    .product section
    {
      width: 330px; height: 210px;   
    }
    
    .zamer .cont
    {
        background: #09c; 
    }
    
    .zamer h3, .zamer h4
    {
      right: 0px;  margin: auto;
    }
    
    .zamer form 
    {
      left: 0px; margin: auto;
    }
    
    .preim section
    {
      width: 80%;   
    }
    
    .partners
    {
        padding-bottom: 100px;
    }
    
    .partners img
    {
        height: 90px;
    }
    
    .change section
    {
        transform: scale(.7); top: 300px; left: -145px;
    }
    .call .cont
    {
      background: none;  
    }
    
    .call h3, .call h4, .call form, .callbtn, .callinp
    {
        left: 0px; margin: auto;
    }
        
    .portfolio section
    {
        width: 24%; height: 150px;
    }
    
    footer section
    {
      text-align: center;
    }
    
    footer section:nth-child(2)
    {
    border-right: 0;
    }

}

@media only screen and (max-width : 767px)
{
    .container
    {
        width: 100%; 
    }
    
    header h4 { display: none; }
    
    header nav a, .fixed_nav
    {
      display: none;
    }
    
    .slider, .slider section { height: 400px; }
    
    .slider h5
    {
       top: 240px; font-size: 18pt;
    }
    
    .product section
    {
      width: 330px; height: 210px;   
    }
    
    .zamer .cont
    {
        background: #09c; height: auto; padding-bottom: 70px;
    }
    
    .zamer h3, .zamer h4
    {
      right: 0px;  margin: auto;
    }
    
    .zamer form 
    {
      left: 0px; margin: auto;
    }
    
    .preim { margin-top: 120px;}
    .preim img { width: 40px; height: 40px;}
    .preim section
    {
      width: 80%;  margin: 20px 0px; height: 150px;
    }
    
    .preim p { width: 100%; left: 0; top: 60px;}
    
    .partners
    {
        height: auto;
    }
    
    .partners img
    {
        height: 90px;
    }
    
    .change 
    {
        display: none;
    }
    
    .work { height: auto; padding-bottom: 60px;}
    
    .work h3, .call h3
    {
        font-size: 22pt;
    }
    
    .call
    { padding-bottom: 40px; }
    .call .cont
    {
      background: none;  
    }
    
    .call h3, .call h4
    {
        width: auto;
    }
    
    .call h3, .call h4, .call form, .callbtn, .callinp
    {
        left: 0px; margin: auto;
    }
    
    .comment section
    {
        transform: scale(1); margin: 30px 0px;
        width: 90%
    }
        
    .portfolio section
    {
        width: 90%; height: 200px;
    }
    
    footer section
    {
      text-align: center; width: 80%;
    }
    
    footer section:nth-child(1)
    {
    border-right: 0;
    }

}

@media only screen and (max-width : 480px)
{
   
    
    header h4 { display: none; }
    header h5 { font-size: 14pt; right: 10px;}
    
    .logo { left: 10px;}
    

    header nav a, .fixed_nav
    {
      display: none;
    }
    
    .slider, .slider section { height: 400px; }
    
    .slider h5
    {
       top: 240px; font-size: 18pt;
    }
    
    .product section
    {
      width: 280px; height: 180px;   
    }
  
    .partners
    {
        height: 700px;
    }
    
    .partners img
    {
        height: 90px;
    }
    
    .call .cont
    {
      background: none;  height: auto;
    }
    
    .call h3, .call h4
    {
        width: auto;
    }
    
    .call h3, .call h4, .call form, .callbtn, .callinp
    {
        left: 0px; margin: auto;
    }
    
    .comment section
    {
        transform: scale(1); margin: 30px 0px;
    }
        
   
    footer section
    {
      text-align: center; width: 80%;
    }
    
    footer section:nth-child(1)
    {
    border-right: 0;
    }


}



