/* ==========================================================================
   Media Queries
   ========================================================================== */
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
	/****Ipad Landscape 1024 Container 970 ****/
   
      .home {#}
      .f-nav{  /* To fix main menu container */
    
    z-index: 9999;
    position: fixed;
  
    top: 80px;
    width: 100%; 
}
     
     .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;  
 
}
 .caro {display:block;}
 .caro p img {display:none;}
    .owl-carousel div .text-caro h1 {font-size:20px;width:300px;font-weight:600;margin-top:180px;}
  .owl-item {height:80%;}
  .owl-carousel div .pozadi-caro {border-top-color:rgba(0, 0, 0, 0.2);margin-top:-20px;border-right: 200px solid transparent;}
  .owl-carousel div h2, .owl-carousel div .textoverlay{
      max-height:100%;
        width:85%;
         
          border-top: 526px solid grey;
              border-top-color: rgba(0, 0, 0, 0.6);
      border-right: 500px solid transparent;
     
    padding:0px;
    position:absolute;
    color:#FFF;
   font-size:16px;
   display:block;
  //   border-left: 40px solid red;
 // border-right: 10px solid transparent;
//  border-bottom: 100px solid transparent;
//  
       /* Fallback for web browsers that don't support RGBa */
   // background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
  //  background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
       
 
}     
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/****Ipad Landscape 1024 Container 970 ****/
   
	.service-list{ margin-bottom:30px;}
	.c-logo-part ul li{ margin:0 15px;}
	
  .form{ margin:0 0 0 20px}
	.main-nav{ display:block !important; }
    .main-nav li a{ font-size:14px;padding:8px 5px;color:#333333;}
	/*.portfolioContainer{ width:800px; margin:0px auto !important; } */
   .form {float:right;margin-top:-314px;margin-right:-334px;width:300px;}
   .container {width:90%;}
   .blockquote1{width:30%;float:none;}
    .blockquote{width:60%;padding-top:40px;float:none;}
      .blockquote2{width:30%;padding-top:40px;float:none;}
     .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;  

}
 
   .owl-carousel div h2, .owl-carousel div .textoverlay{
      max-height:100%;
        width:85%;
         
          border-top: 741px solid grey;
              border-top-color: rgba(0, 0, 0, 0.6);
      border-right: 500px solid transparent;
     
    padding:0px;
    position:absolute;
    color:#FFF;
   font-size:16px;
   display:block;
  //   border-left: 40px solid red;
 // border-right: 10px solid transparent;
//  border-bottom: 100px solid transparent;
//  
       /* Fallback for web browsers that don't support RGBa */
   // background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
  //  background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
       
 
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/****Ipad Portrait 768 Container 750 ****/
	   	body{ font-size:12px;margin: 0 auto;}
  
     .tera {#};
	body{ font-size:12px;margin: 0 auto;}
  .blockquote1 td {padding-bottom:1px;padding-top:1px;}
	 .blockquote2 td {padding-bottom:1px;padding-top:1px;}
   h1 {font-size:28px;}
  h2{ font-size:26px;}
	 h4{ font-size:18px;}
   h5 {font-weight:600;}
  h3{ font-size:18px;}
	h6{ font-size:16px; margin-bottom:10px;display:block;margin-left:-9px;}
	p{ line-height:18px;}
	 .mapa {display:none;}
  .service-list{ font-size:12px; margin-bottom:20px;}
	.we-create li{ font-size:13px; padding:0 0 0 8px}
	.header h1{ font-size:28px;}
    	.header{ padding:0px 0;}
	.main-section{width:100%; }
	.main-nav{ display:none; position:absolute; left:0; width:100%; top:68px; margin:0 auto; float: none; background:#fff; z-index: 99; border-top: 1px solid #eee;}
	.main-nav li{ display:block;}
	.main-nav li.small-logo{ display:none;}
	.main-nav li a{ display:block; padding:12px 32px; margin: 4px 0; border-bottom: 1px solid #f3f3f3;;}
	.main-nav li a:hover{color:#56aae2}
	.team-leader-box{ max-width:307px; width:auto; float:none; margin:0 auto;	}
	.team-leader-box:nth-of-type(3n){ margin:0 auto}
	.res-nav_click{ display:block;}
	.featured-work{ font-size:12px; margin-top:30px;}
	.featured-box{ font-size:12px;}
	.featured-box p{ line-height:18px; }
	.c-logo-part ul a{ margin-bottom:5px;}
	.main-section.team{ padding:60px 0 50px;}
	.business-talking h2{ font-size:36px;}
	.contact-info-box{font-size:12px;}
	.contact-info-box span{ line-height:18px;}
	.contact-info-box.phone span, .contact-info-box.email span { padding-top: 6px;}
	.social-link{ margin-left:30px;}
	.form{ margin:0 30px;}
	.copyright{ font-size:12px;}
	.business-talking a{ padding:10px 25px; font-size:14px;}
	.main-section.contact{ padding:60px 0 70px}
	.client-part-haead{ font-size:20px; line-height:30px;}
	.link{ font-size:14px; padding:10px 25px;}
	.logo{ width:100px;}
	.main-section.contact{ background-size:contain;}
	.Portfolio-nav li a{ padding:5px 16px;}
	.Portfolio-nav li{ display:block;}
	/*.isotope-item img{ width:300px; left:50%; margin-left:-100px;}
	.isotope-item{ width:300px; margin:0px auto;}
	.isotope{ width:400px; margin:0px auto;}
	.Portfolio-box{}
	.portfolioContainer{ width:350px; margin:0px auto !important; } */
   .nadpis {width:300px;padding-bottom:100px;}
   .main-base {margin-left:-2px;}  
   .carousel-inner {

  position: relative;
  overflow: hidden;
  width: 100%;  

}
 .container {width:96%;padding-left:1px;margin-right:8px;}
  .container-fluid {width:100%;}
  /*carousel*/
 .caro {display:block;}
    .owl-carousel div .text-caro h1 {font-size:20px;width:200px;font-weight:600;}
  .owl-carousel div .text-caro p {display:none;} 
  .owl-carousel div .pozadi-caro {border-top-color:rgba(0, 0, 0, 0.2);margin-top:-20px;}
 /*boční menu*/
 .sidenav {width:100%;position:relative;}
 /*pneumatiky*/
 .pneu {width:100%;background-color:red;color:white;text-align:center;}
 /*nadpis pneu*/
 .mt-procenta40 .first {display:none;} 
 .mt-procenta40 {margin:0 auto;width:68%;font-size:26px;border-bottom:2px solid white;} 
  /*položky pneu*/
 .pneu-item {padding:10px;} 
  /*rádce*/
  .radce {text-align:center;margin-top:12px;}
  /*rádce nadpis*/
  .second {margin:0 auto;width:68%;font-size:26px;border-bottom:2px solid black;}
  .second .ikona {display:none;}
  /*loga*/
  .loga {width:100%;background-color:black;color:white;text-align:center;height:240px;padding-left:10%;}
  .loga h3 {padding-top:12px;padding-left:1%;padding-right:10%;}
  .loga img {width:50px;float:left;padding-left:10px;padding-right:8px;}
   .loga2 {padding-left:30%;}
     .loga1 {padding-left:16%;}
   /*kontakty*/
     .kontakty {text-align:center;margin-top:12px;}
     .kontakty .white {display:none;}
     .kontakty-item {padding:10px;}
   /*footer*/
   .foot {text-align:center;color:white;background-color:black;} 
}



 

@media only screen and (max-width: 767px) {
	/****Mobile Landscape 480 Container 100% ****/
   .tera {#};
	body{ font-size:12px;margin: 0 auto;}
  .blockquote1 td {padding-bottom:1px;padding-top:1px;}
	 .blockquote2 td {padding-bottom:1px;padding-top:1px;}
   h1 {font-size:28px;}
  h2{ font-size:26px;}
	 h4{ font-size:18px;}
   h5 {font-weight:600;}
  h3{ font-size:18px;}
	h6{ font-size:16px; margin-bottom:10px;display:block;margin-left:-9px;}
	p{ line-height:18px;}
	 .mapa {display:none;}
  .service-list{ font-size:12px; margin-bottom:20px;}
	.we-create li{ font-size:13px; padding:0 0 0 8px}
	.header h1{ font-size:28px;}
    	.header{ padding:0px 0;}
	.main-section{width:100%; }
	.main-nav{ display:none; position:absolute; left:0; width:100%; top:68px; margin:0 auto; float: none; background:#fff; z-index: 99; border-top: 1px solid #eee;}
	.main-nav li{ display:block;}
	.main-nav li.small-logo{ display:none;}
	.main-nav li a{ display:block; padding:12px 32px; margin: 4px 0; border-bottom: 1px solid #f3f3f3;;}
	.main-nav li a:hover{color:#56aae2}
	.team-leader-box{ max-width:307px; width:auto; float:none; margin:0 auto;	}
	.team-leader-box:nth-of-type(3n){ margin:0 auto}
	.res-nav_click{ display:block;}
	.featured-work{ font-size:12px; margin-top:30px;}
	.featured-box{ font-size:12px;}
	.featured-box p{ line-height:18px; }
	.c-logo-part ul a{ margin-bottom:5px;}
	.main-section.team{ padding:60px 0 50px;}
	.business-talking h2{ font-size:36px;}
	.contact-info-box{font-size:12px;}
	.contact-info-box span{ line-height:18px;}
	.contact-info-box.phone span, .contact-info-box.email span { padding-top: 6px;}
	.social-link{ margin-left:30px;}
	.form{ margin:0 30px;}
	.copyright{ font-size:12px;}
	.business-talking a{ padding:10px 25px; font-size:14px;}
	.main-section.contact{ padding:60px 0 70px}
	.client-part-haead{ font-size:20px; line-height:30px;}
	.link{ font-size:14px; padding:10px 25px;}
	.logo{ width:100px;}
	.main-section.contact{ background-size:contain;}
	.Portfolio-nav li a{ padding:5px 16px;}
	.Portfolio-nav li{ display:block;}
	/*.isotope-item img{ width:300px; left:50%; margin-left:-100px;}
	.isotope-item{ width:300px; margin:0px auto;}
	.isotope{ width:400px; margin:0px auto;}
	.Portfolio-box{}
	.portfolioContainer{ width:350px; margin:0px auto !important; } */
   .nadpis {width:300px;padding-bottom:100px;}
   .main-base {margin-left:-2px;}  
   .carousel-inner {

  position: relative;
  overflow: hidden;
  width: 100%;  

}
 .container {width:96%;padding-left:1px;margin-right:8px;}
  .container-fluid {width:100%;}
  /*carousel*/
 .caro {display:block;}
    
    .owl-carousel div .text-caro h1 {font-size:20px;width:200px;font-weight:600;}
  .owl-carousel div .text-caro p {display:none;} 
  .owl-carousel div .pozadi-caro {border-top-color:rgba(0, 0, 0, 0.2);margin-top:-20px;}
 /*boční menu*/
 .sidenav {width:100%;position:relative;}
 /*pneumatiky*/
 .pneu {width:100%;background-color:red;color:white;text-align:center;}
 /*nadpis pneu*/
 .mt-procenta40 .first {display:none;} 
 .mt-procenta40 {margin:0 auto;width:68%;font-size:26px;border-bottom:2px solid white;} 
  /*položky pneu*/
 .pneu-item {padding:10px;} 
  /*rádce*/
  .radce {text-align:center;margin-top:12px;}
  /*rádce nadpis*/
  .second {margin:0 auto;width:68%;font-size:26px;border-bottom:2px solid black;}
  .second .ikona {display:none;}
  /*loga*/
  .loga {width:100%;background-color:black;color:white;text-align:center;height:240px;padding-left:10%;}
  .loga h3 {padding-top:12px;padding-left:1%;padding-right:10%;}
  .loga img {width:50px;float:left;padding-left:10px;padding-right:8px;}
   .loga2 {padding-left:20%;}
     .loga1 {padding-left:6%;}
   /*kontakty*/
     .kontakty {text-align:center;margin-top:12px;}
     .kontakty .white {display:none;}
     .kontakty-item {padding:10px;}
   /*footer*/
   .foot {text-align:center;color:white;background-color:black;} 
  /*carousel*/
 .caro {display:block;}
 .caro p img {display:none;}
  .news-vice {margin-top:-10px !important;}
    .owl-carousel div .text-caro h1 {font-size:10px;width:200px;font-weight:600;margin-top:480px;}
  .owl-carousel div .text-caro p {display:none;} 
  .owl-carousel div .pozadi-caro {border-top-color:rgba(0, 0, 0, 0.2);margin-top:-20px;border-right: 0px solid transparent;}
      .owl-carousel div h2, .owl-carousel div .textoverlay{
      max-height:90%;
        width:85%;
         
          border-top: 368px solid grey;
              border-top-color: rgba(0, 0, 0, 0.6);
      border-right: 200px solid transparent;
     
    padding:0px;
    position:absolute;
    color:#FFF;
   font-size:16px;
   display:block;
  //   border-left: 40px solid red;
 // border-right: 10px solid transparent;
//  border-bottom: 100px solid transparent;
//  
       /* Fallback for web browsers that don't support RGBa */
   // background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
  //  background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
       
 
}  


}

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

	 

   .tera {#}
	 	body{ font-size:15px;margin: 0 auto;}
  #chevron {padding-top:18x;margin-left:130px;height:80px;}
	#chevron a {padding-left:10px;}
  	#chevron i {padding-left:10px;}
    .spc {margin-right:36px;}
     .loga-mob {margin-top:-50px;}
     .mob-log {margin-left:40px;}
    .button1 {margin-top:170px;}
    .text_detail {padding-left:4px;}
    .text {padding-left:6px;}
   .img-pneu {height:180px;}
   .vice_detail {padding-top:20px;}
   .vice a {padding-top:10px;}
    .vice {margin-top:-30px;}
    .text-form{padding-left:40px;}
    .kontrola-width{width:190px;}
    .small_but {float:none;width:190px;}
   h4{ font-size:18px;}
   h5 {font-weight:600;}
  h3{ font-size:18px;}
	h6{ font-size:16px; margin-bottom:10px;display:block;margin-left:-9px;}
	p{ line-height:18px;}
	 .mapa {display:none;}
  .service-list{ font-size:12px; margin-bottom:20px;}
	.we-create li{ font-size:13px; padding:0 0 0 8px}
	.header h1{ font-size:28px;}
    	.header{ padding:0px 0;}
	.main-section{width:96%; }
	.main-nav{ display:none; position:absolute; left:0; width:96%; top:68px; margin:0 auto; float: none; background:#fff; z-index: 99; border-top: 1px solid #eee;}
	.main-nav li{ display:block;}
	.main-nav li.small-logo{ display:none;}
	.main-nav li a{ display:block; padding:12px 32px; margin: 4px 0; border-bottom: 1px solid #f3f3f3;;}
	.main-nav li a:hover{color:#56aae2}
	.team-leader-box{ max-width:307px; width:auto; float:none; margin:0 auto;	}
	.team-leader-box:nth-of-type(3n){ margin:0 auto}
	.res-nav_click{ display:block;}
	.featured-work{ font-size:12px; margin-top:30px;}
	.featured-box{ font-size:12px;}
	.featured-box p{ line-height:18px; }
	.c-logo-part ul a{ margin-bottom:5px;}
	.main-section.team{ padding:60px 0 50px;}
	.business-talking h2{ font-size:26px;margin-left:-32px;}
	.contact-info-box{font-size:12px;}
	.contact-info-box span{ line-height:18px;}
	.contact-info-box.phone span, .contact-info-box.email span { padding-top: 6px;}
	.social-link{ margin-left:30px;}
	.form{ margin:0 30px;}
	.copyright{ font-size:12px;}
	.business-talking a{ padding:10px 25px; font-size:14px;}
	.main-section.contact{ padding:60px 0 70px}
	.client-part-haead{ font-size:20px; line-height:30px;}
	.link{ font-size:14px; padding:10px 25px;}
	.logo{ width:100px;}
	.main-section.contact{ background-size:contain;}
	.Portfolio-nav li a{ padding:5px 16px;}
	.Portfolio-nav li{ display:block;}
	/*.isotope-item img{ width:300px; left:50%; margin-left:-100px;}
	.isotope-item{ width:300px; margin:0px auto;}
	.isotope{ width:400px; margin:0px auto;}
	.Portfolio-box{}
	.portfolioContainer{ width:350px; margin:0px auto !important; } */
   .nadpis {width:300px;padding-bottom:100px;}
 
   .carousel-inner {
 display:none;
}
.container {width:96%;padding-left:1px;margin-right:8px;}
  .container-fluid {width:100%;}
  /*carousel*/
 .caro {display:block;}
 .caro p img {display:none;}
  .news-vice {margin-top:-10px !important;}
    .owl-carousel div .text-caro h1 {font-size:10px;width:200px;font-weight:600;margin-top:480px;}
  .owl-carousel div .text-caro p {display:none;} 
  .owl-carousel div .pozadi-caro {border-top-color:rgba(0, 0, 0, 0.2);margin-top:-20px;border-right: 0px solid transparent;}
      .owl-carousel div h2, .owl-carousel div .textoverlay{
      max-height:90%;
        width:85%;
         
          border-top: 200px solid grey;
              border-top-color: rgba(0, 0, 0, 0.6);
      border-right: 200px solid transparent;
     
    padding:0px;
    position:absolute;
    color:#FFF;
   font-size:16px;
   display:block;
  //   border-left: 40px solid red;
 // border-right: 10px solid transparent;
//  border-bottom: 100px solid transparent;
//  
       /* Fallback for web browsers that don't support RGBa */
   // background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
  //  background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
       
 
}   
 /*boční menu*/
 .sidenav {width:100%;position:relative;}
 /*pneumatiky*/
 .pneu {width:100%;background-color:red;color:white;text-align:center;}
 /*nadpis pneu*/
 .mt-procenta40 .first {display:none;} 
 .mt-procenta40 {margin:0 auto;width:68%;font-size:26px;border-bottom:2px solid white;} 
  /*položky pneu*/
 .pneu-item {padding:10px;} 
  /*rádce*/
  .radce {text-align:center;margin-top:12px;}
  /*rádce nadpis*/
  .second {margin:0 auto;width:68%;font-size:26px;border-bottom:2px solid black;}
  .second .ikona {display:none;}
  /*loga*/
  .loga {width:100%;background-color:black;color:white;text-align:center;height:240px;padding-left:2%;}
  .loga h3 {padding-top:12px;padding-left:6%;padding-right:10%;}
  .loga img {width:48px;float:left;padding-left:8px;padding-right:8px;}
  .loga1 {width:100%;padding-left:0.5%;}
  .loga2 {width:100%;padding-left:1%;}
   .loga .vw {margin-left:5%;}
   .nodisplay {display:none;}
   /*kontakty*/
     .kontakty {text-align:center;margin-top:12px;}
     .kontakty .white {display:none;}
     .kontakty-item {padding:10px;}
   /*footer*/
   .foot {text-align:center;color:white;background-color:black;}   
}