@media screen and (max-width: 1550px)
   {
   
      .box .title .arrow
         {
            margin-left: 25px;
         }
   
      .box .obsah
         {
            width: 465px;
            margin-left: 25px;
         } 
		 
      .tabs ul
         {
            margin-left: 25px;
         }

      .box ul.news
         {
            margin-left: 25px;
            margin-right: 25px;
            width: calc(100% - 50px);
         }  
		 
      .box ul.news li
         {
            margin-bottom: 50px;
         } 
   
   }
   
@media screen and (max-width: 900px)
   {
      .box .obsah h1
         {
            text-align: left;
         }
		 
      .box .obsah h1 span
         {
            display: inline-block;
         }
   
      .box .obsah
         {
            width: calc(100% - 50px);
            margin-left: 25px;
            margin-right: 25px;
            text-align: justify;
            padding: 0px;
         } 
		 
      .box .foto
         {
            width: 100%;
            float: left;
         } 
		 
      .tabs ul
         {
            margin-top: 150px;
         }	
		 
      .lSAction > .lSPrev 
         {
            background: url('../images/arrow-left.png') no-repeat;
            left: 25px;	
         }

      .lSAction > .lSNext 
         {
            background: url('../images/arrow-right.png') no-repeat;
            right: 25px;
         }	 
   
   }
   
@media screen and (max-width: 700px)
   {  
      .box .title
         {
            width: 100%;
         }
		 
      .box .title .arrow
         {
            width: calc(100% - 25px);
         }

      .box ul.news li
         {
            width: calc(50% - 20px);
         } 	
		 
      .tabs ul
         {
            width: 100%;
			text-align: center;
            margin-left: 0px;

         }	 
   }
   
@media screen and (max-width: 500px)
   {     
      header .logo img
         {
             margin-left: auto;
             margin-right: auto;
         }

      header .logo:before, header .logo:after 
         {
             display: none;
             margin: 0px;
             padding: 0px;
         }
      
	  header .logo:before 
         {
            display: none;
         }
		 
      header nav ul li
         {
            display: block;
            margin-bottom: 5px;
         }
		 
      header nav ul li:after
         {
            content: '';
            padding-left: 0px;
         } 
   
      .box .title
         {
            width: 100%;
         }
   
      .box ul.news li
         {
            width: calc(100%);
            text-align: justify;
         } 
		 
      .formular .title
         {
            width: 100%;
            background: url('../images/title.png') no-repeat center top;
            background-size: 90%;
            font-size: 20px;
         }
		 
      footer .logo img
         {
             margin-left: auto;
             margin-right: auto;
         }
		 		 
      footer .logo:before, footer .logo:after 
         {
            display: none;
         }
      
	  footer .logo:before 
         {
            display: none;
         }
   }