/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {
  
  .tm-navbar{margin-top:20px;}
  
  .uk-navbar-nav > li > a{
    font-size:14px;
    padding:0px 10px;
  }
  
  .headerbar ul li a{
    font-size:14px;
  }
  
  .headerbar{min-width:185px;}
  
  .headerbar ul{margin-left:0px;}
  
  .headerbar ul li a img{width:12%;}
  
 .headerbar-offcanvas{
  font-family: 'Gilroy-Medium';
  color:#000;
  font-size:22px;
  }
  
  .jf-slider ul.uk-slider span.counter{
    font-size:130px;
  }
  
  .jf-slider ul.uk-slider h2{
    font-size:45px;
  }
  
  .jf-slider .jf-slider-content p{
    font-size:18px;
  }

.uk-panel-title{
  font-size:45px;
  line-height:1.2em;
}

h3.uk-panel-title::before{font-size: 130px;}

.homepage .module-intro-text{
  font-size:18px;
}

#show-all a{
  font-size:18px;
}

.about-us-home h3{
  font-size:22px;
}

.latest-pro-content-wrap h3.pro-name, .our-pro-content-wrap h3.pro-name{
  font-size:14px;
}

#tm-top-e::before {
  font-size:60px;
  width:238px;
}

#tm-top-e::after{
  padding-left:95px;
}

#our-team-header{
  padding-top:30px;
}

#our-team-header::before{
  font-size:130px;
  left:0;
}

#our-team-header h3 #line1{
  font-size:18px;
}

#our-team-header h3 #line2{
  font-size:45px;
}

#our-team-header h3 #line3{
  font-size:40px;
}

#our-team-header p#intro{
  font-size:18px;
  margin-top:20px;
}

#contact-wrap h3.uk-panel-title span#tagline{
  font-size:60px;
}

#contact-wrap h3.uk-panel-title span#arrow{
  left:-230px;
  top:-10px;
}

#contact-info-wrap .info .content{
  font-size:22px;
}

#contact-form-wrap .uk-button-primary::before{
  margin-right:15px;
}


/*--------------- css for about us page----------------- */

body.about-us #tm-top-a{
  margin-top:0;
  padding-top:0;
}

.uk-panel-title-custom2 span.sup{
  font-size:18px;
}

.uk-panel-title-custom2 span.overlay,.uk-panel-title-custom span.overlay,.uk-panel-title-custom3 span.overlay{
  font-size:45px;
}

h3.uk-panel-title-custom2 span.main,h3.uk-panel-title-custom3 span.main,h3.uk-panel-title-custom span.main{
  font-size:130px;
}

.about-us #about-company-wrap p {
    left: 0px;
    top: -35px;
    margin-left: 100px;
}

.about-us #about-company-wrap .tag-cloud #tag1{
  font-size:18px;
}

.about-us #about-company-wrap .tag-cloud #tag1 h3{
  font-size:35px;
}

.about-us #about-company-wrap .tag-cloud #tag2{
  font-size: 14px;
  left: 275px;
}

.about-us #about-company-wrap .tag-cloud #tag2 h3{
  font-size:22px;
}

.about-us #about-company-wrap .tag-cloud #tag3{
  font-size: 15px;
  left: 375px;
}

.about-us #about-company-wrap .tag-cloud #tag3 h3{
  font-size:35px;
}

.about-us #about-ready-wrap p, .about-us #about-history-wrap, .about-us #about-company-wrap p{
  font-size:18px;
}

.uk-panel-title-custom3 span.sup{
  font-size:18px;
}

.about-us #tm-top-d{
 background-size:15%;
}

.milestone-tabs-wrap .content-wrap{
  margin-left:0px;
}

.milestone-tabs-wrap .mod-articles-category-introtext p,.milestone-tabs-wrap .mod-articles-category-introtext p:first-child{
  font-size:18px;
}

.uk-button{
  padding:0px 15px;
}

.btn{
  padding:0px 15px;
  font-size:18px;
  height:70px;
  line-height:70px;
}

.big-contact{
  width:200px;
  height:70px;
  line-height:70px;
}

.about-us #about-ready-wrap p.highlight{
  font-size:22px;
}

#about-ready-wrap .uk-panel-title-custom span.overlay{
  margin:0px 0 10px;
}
.about-us #tm-bottom-b #ready-content-wrap #about-sign-wrap h3 span.line1{
  font-size:18px;
}
.about-us #tm-bottom-b #ready-content-wrap #about-sign-wrap h3 span.line2{
  font-size: 27px;
  right: -49px;
  top: 26px;
}

/*--------------- css for chiptuning/tuningstage/project us page----------------- */
 
#projects-cat-wrap .uk-panel-title, #chiptuning-cat-wrap .uk-panel-title, #tuningstg-cat-wrap .uk-panel-title{
  font-size:45px;
  margin:60px 0 40px;
}

#projects-cat-wrap h1.uk-panel-title::before, #chiptuning-cat-wrap h1.uk-panel-title::before, #tuningstg-cat-wrap h1.uk-panel-title::before{
  font-size:130px;
  top:-25px;
}

#projects-cat-wrap h1.uk-panel-title span#tagline, #chiptuning-cat-wrap h1.uk-panel-title span#tagline, #tuningstg-cat-wrap h1.uk-panel-title span#tagline{
  font-size:60px;
}

#projects-cat-wrap h1.uk-panel-title .title-inner::after, #chiptuning-cat-wrap h1.uk-panel-title .title-inner::after, #tuningstg-cat-wrap h1.uk-panel-title .title-inner::after{
  top:60px;
}

#searchForm #form_container div input.button, #projects-cat-wrap .pulldowns div input.button, #chiptuning-cat-wrap .pulldowns div input.button, #tuningstg-cat-wrap .pulldowns div input.button{
  background:url(../images/search-icon-home.png) no-repeat center center #b8272d !important;
  text-indent:-99999999px;
  padding:0px 40px;
}

/*--------------- css for chiptuning details page----------------- */

#single-chiptuning-wrap .contenttop h1{
  font-size:45px;
}

#single-chiptuning-wrap .chip-per-chart table .btn-box{
  font-size: 30px;
  padding:20px 10px;
  width:100px;
}

#single-chiptuning-wrap .chip-per-chart table .blnk-box{
  width:50px;
}

#single-chiptuning-wrap .chip-per-chart table .btn-box.mailpop-open-personal{
  line-height:1.2em;
}

#single-chiptuning-wrap h3.uk-panel-title-sp2 span.main{
  font-size:130px;
}

#single-chiptuning-wrap h3.uk-panel-title-sp2 span.overlay{
  font-size:45px;
}

#single-chiptuning-wrap .chiptunecontent .module-intro-text{
  margin:0px auto 100px;
}

.moduletable.booking-calendar #calendar::after{
  font-size:150px;
  height:150px;
  line-height:150px;
}

/*------------------- css for Tuning Stages details page--------------- */

.main-option-wrap h2{
  font-size:35px;
}

/*------------------- css for projects details page--------------- */

#single-project-wrap .uk-panel-title-sp1 span.overlay,#single-project-wrap h3.uk-panel-title-sp2 span.overlay{
  font-size:45px;
}

#single-project-wrap h3.uk-panel-title-sp1 span.main,#single-project-wrap h3.uk-panel-title-sp2 span.main{
  font-size:130px;
}

#single-project-wrap .uk-panel-title-sp1 span.sup{font-size:20px;}

#single-project-wrap .project-container{
  margin-top:-10px;
  font-size:18px;
}

#single-project-wrap .image-block{
  margin-top:0px;
}

#single-project-wrap .project-container h3{font-size:22px;}

#single-project-wrap .sp-description{
  margin-top:-15px;
}

#single-project-wrap .sp-description p, #single-project-wrap .sp-description,.module-intro-text{
  font-size:18px;
}

#single-project-wrap .projectscontent .module-intro-text{
  margin:-15px auto 50px;
}

.pro-ready-wrap .pro-ready-content{
  margin-top:-20px;
}

.pro-ready-wrap .got-a-project{
  font-size:45px;
}

.AG_classic .ag_thumbclassic{
  margin:0 5px 5px;
  padding:0 0px 4px 0;
}

.AG_classic .ag_imageThumb{
  width:150px;
}

/*------------------------ css for Contact Us Page -------------------------*/

.contactus-page .uk-article h3{
  font-size:22px;
}

.contactus-page .uk-article{
  font-size:18px;
}

/*------------------------ css for footer -------------------------*/

#social-icons-footer ul li a{
  margin:0px 15px;
}
 

}

@media (min-width: 767px) and (max-width: 1200px) {
  
#clean_selection{
  padding:0px;
}

#searchForm #form_container div input.button, #projects-cat-wrap .pulldowns div input.button, #chiptuning-cat-wrap .pulldowns div input.button, #tuningstg-cat-wrap .pulldowns div input.button{
  padding:0px 20px;
}

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
  
  #single-chiptuning-wrap .chip-per-chart table .btn-box{
    width:80px;
  }

  .latest-pro-content-wrap h3.pro-name, .our-pro-content-wrap h3.pro-name{
    font-size:14px;
  }
  
  /*-------------- css for footer ------------------*/

  #social-icons-footer ul li a{
    margin:0px 10px;
  }
  
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

}

/* Only Phones */
@media (max-width: 767px) {
  
  #tm-toolbar .contact-top{display:none;}
  
  h3.uk-panel-title::before{
    font-size:110px;
  }
  
  .uk-panel-title{
    font-size:35px;
  }
  
  #our-team-header p#intro{
    margin-top:60px;
  }
  
  
  #tm-bottom-b {
    margin-top: 90px;
    padding-top: 90px;
  }

  .latest-project-wrap .uk-dotnav{
    display:none;
  }
  
  
  .homepage #tm-bottom-b h3.uk-panel-title::before{
    text-align:center;
  }
  
  #contact-wrap h3.uk-panel-title span#tagline{
    top:-175px;
  }
  
  #contact-wrap h3.uk-panel-title span#arrow{
    top:-67px;
  }
  
  #contact-form-wrap .rsform-block-send{text-align:center;}
  
  #social-icons-footer ul{text-align:center;}
  
  #services-menu .uk-grid div{
    margin-bottom:20px;
  }
  
  #tm-footer{
    font-size:14px;
  }
  
  /*--------------- css for about us page----------------- */
  
  .uk-panel-title-custom2 span.overlay,.uk-panel-title-custom span.overlay,.uk-panel-title-custom3 span.overlay{
  font-size:35px;
  }

  h3.uk-panel-title-custom2 span.main,h3.uk-panel-title-custom3 span.main,h3.uk-panel-title-custom span.main{
    font-size:110px;
  }
  
  .milestone-tabs-wrap ul.uk-tab li{
    border-top:1px solid #000;
    border-right:none;
  }
  
  .milestone-tabs-wrap ul.uk-tab li::after{
    left:0;
    right:0;
    top:-8px;
    margin:auto;
  }
  
  .milestone-tabs-wrap ul.uk-tab li:first-child::before{
    background:#eee;
    content:"\f104";
    right:auto;
    left:0;
    margin:0;
    top:-16px;
    line-height:30px;
  }
  
  .milestone-tabs-wrap ul.uk-tab li:last-child::before{
    background:#eee;
    content:"\f105";
    right:0;
    left:auto;
    margin:0;
    top:-16px;
    line-height:30px;
  }
  
  .about-us #about-ready-wrap p.highlight{
    font-size:20px;
  }
  
  #our-team-header::before {
    font-size: 110px;
  }
  
  #our-team-header h3 #line2 {
    font-size: 35px;
  }
  
  #our-team-header h3 #line3{
    top:25px;
  }
  
  /*--------------- css for chiptuning/tuningstage/project us page----------------- */
  
  #projects-cat-wrap .uk-panel-title, #chiptuning-cat-wrap .uk-panel-title, #tuningstg-cat-wrap .uk-panel-title{
  font-size:35px;
  margin:60px 0 40px;
  }

  #projects-cat-wrap h1.uk-panel-title::before, #chiptuning-cat-wrap h1.uk-panel-title::before, #tuningstg-cat-wrap h1.uk-panel-title::before{
    font-size:110px;
    top:-10px;
  }

  #projects-cat-wrap h1.uk-panel-title span#tagline, #chiptuning-cat-wrap h1.uk-panel-title span#tagline, #tuningstg-cat-wrap h1.uk-panel-title span#tagline{
    font-size:40px;
    left:-20px;
    top:-40px;
    display:none;
  }
  
  #projects-cat-wrap h1.uk-panel-title .title-inner::after, #chiptuning-cat-wrap h1.uk-panel-title .title-inner::after, #tuningstg-cat-wrap h1.uk-panel-title .title-inner::after{
    top:40px;
    left:-15px;
    display:none;
  }
  
  #searchForm #form_container.pulldowns .uk-width-medium-1-5, #projects-cat-wrap .pulldowns .uk-width-medium-1-5, #chiptuning-cat-wrap .pulldowns .uk-width-medium-1-5, #tuningstg-cat-wrap .pulldowns .uk-width-medium-1-4{
    margin-top:30px;
  }
  
  /*--------------- css for chiptuning details page----------------- */
  
  #single-chiptuning-wrap .contenttop h1 {
    font-size: 35px;
  }
  
  .pro-detail-wrap ul.uk-breadcrumb li a, #single-chiptuning-wrap .contenttop ul.uk-breadcrumb li a,.pro-detail-wrap ul.uk-breadcrumb li span, #single-chiptuning-wrap .contenttop ul.uk-breadcrumb li span{
    font-size:14px;
  }
  
  #single-chiptuning-wrap .chip-per-chart table .btn-box{
    width:50px;
  }
  
  #single-chiptuning-wrap .chip-per-chart table .btn-box{
    font-size:18px;
    padding:10px 10px;
  }
  
  #single-chiptuning-wrap .chip-per-chart table th, #single-chiptuning-wrap .chip-per-chart table td:first-child, #single-chiptuning-wrap .chip-per-chart table .btn-box sub{
    font-size:16px;
  }
  
  #single-chiptuning-wrap .chip-per-chart table .blnk-box{
    width:10px;
  }
  
  #single-chiptuning-wrap .chip-per-chart table th, #single-chiptuning-wrap .chip-per-chart table td{
    padding:20px 10px;
  }
  
  #single-chiptuning-wrap .btn{
    margin-bottom:30px;
  }
  
  #single-chiptuning-wrap h3.uk-panel-title-sp2{
    margin-top:0px;
  }
  
  #single-chiptuning-wrap h3.uk-panel-title-sp2 span.main{
    font-size:110px;
  }
  
  #single-chiptuning-wrap h3.uk-panel-title-sp2 span.overlay{
    font-size:35px;
  }
  
  .moduletable.booking-calendar h1.uk-article-title{
    font-size:30px;
  }
  
  #single-chiptuning-wrap .chiptuningcontent .hp_car_table h4 + p,.module-intro-text{
    font-size:18px;
  }
  
  .moduletable.booking-calendar #calendar::after {
    font-size: 85px;
    height: 85px;
    line-height: 85px;
   }
   
   .fc-view table thead.fc-head th{
     font-size:16px;
  }
  
  .fc-view table tbody tr td:first-child{
    font-size:16px;
  }
  
  .service-hours{
    font-size:18px;
  }
  
  /*------------- Tuning Stages Details Page -----------------*/
  
  .main-option-wrap h2 {
    font-size: 25px;
  }
  
  /*------------------- css for projects details page--------------- */
  
  #single-project-wrap .uk-panel-title-sp1 span.overlay,#single-project-wrap h3.uk-panel-title-sp2 span.overlay{
  font-size:35px;
  }

  #single-project-wrap h3.uk-panel-title-sp1 span.main,#single-project-wrap h3.uk-panel-title-sp2 span.main{
    font-size:110px;
  }

  #single-project-wrap .uk-panel-title-sp1 span.sup{font-size:18px;}
  
  #single-project-wrap .project-container h3{
    font-size:20px;
  }
  
  .pro-ready-wrap .pro-ready-content{margin-left:20px;}
  
  .pro-ready-wrap .got-a-project
  
  
  /*---------------- css for Lightbox arrows --------------*/

.uk-notouch .uk-hidden-notouch,
.uk-touch .uk-hidden-touch {
    display:block!important;
}

.uk-modal .uk-slidenav-previous, .uk-modal .uk-slidenav-next{
  width:30px;
  height:30px;
  background-image:none;
  background-color:#eee;
  font-size:30px;
  line-height:30px;
}

.uk-modal .uk-slidenav-previous:before{
  color:#555;
  content:"\f104";
  font-family:fontawesome;
  position:relative;
  display:block;
}

.uk-modal .uk-slidenav-next:before{
  color:#555;
  content:"\f105";
  font-family:fontawesome;
  position:relative;
  display:block;
}

.uk-modal .uk-slidenav-previous:hover:before,.uk-modal .uk-slidenav-next:hover:before{
  color:#000;
}
    
    
  }

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
  
  
  #tm-footer ul.uk-nav{float:right;}
  
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {
  
   .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle{
     padding:0px 10px 0px 15px;
  }
  
  .jf-slider ul.uk-slider h2{
    font-size:30px;
  }
  
  h3.uk-panel-title::before{
    font-size:60px;
  }
  
  .uk-panel-title{
    font-size:26px;
  }
  
  .uk-button{
    padding:0px 30px;
  }

  .headerbar-offcanvas{
  font-family: 'Gilroy-Medium';
  color:#000;
  font-size:18px;
  }
  
  .tm-logo-small img{
    width:60%;
  }
  
  #searchForm #form_container div input.button, #projects-cat-wrap .pulldowns div input.button, #chiptuning-cat-wrap .pulldowns div input.button, #tuningstg-cat-wrap .pulldowns div input.button{
    background:url(../images/search-icon-home.png) no-repeat center center #b8272d !important;
    padding:0 24px 0 56px;
  }
  
  
  #contact-form-wrap .uk-button{
    font-size:18px;
  }
  
  #contact-form-wrap .uk-button-primary::before{
    margin-right:15px;
    font-size:20px;
  }
  
  /*--------------- css for about us page----------------- */
  
  .uk-panel-title-custom2 span.overlay,.uk-panel-title-custom span.overlay,.uk-panel-title-custom3 span.overlay{
  font-size:26px;
  }

  h3.uk-panel-title-custom2 span.main,h3.uk-panel-title-custom3 span.main,h3.uk-panel-title-custom span.main{
    font-size:60px;
  }
  
  .uk-panel-title-custom2 span.overlay{
    margin-left:0px;
    top:22px;
  }
  
  .uk-panel-title-custom2 span.sup{
    left:0px;
  }
  
  .about-us #about-company-wrap p{
    margin-left:20px;
    left:0;
    top:-25px;
  }
  
  #about-company-wrap .uk-grid .uk-width-medium-2-5{
    margin-top:150px;
  }
  
  .about-us #about-company-wrap .tag-cloud{
    top:30px;
  }
  
  .about-us #about-company-wrap .tag-cloud #tag1{
    left:15px;
  }
  
  .about-us #about-company-wrap .tag-cloud #tag2{
    left:160px;
  }
  
  .about-us #about-company-wrap .tag-cloud #tag3{
    left:200px;
    top:35px;
  }
  
  .milestone-tabs-wrap .uk-switcher{
    margin-top:50px;
  }
  
  .mod-articles-category-readmore a.btn{
    margin-bottom:20px;
  }
  
  .about-us #tm-bottom-b #ready-content-wrap{
    margin-left:0px;
  }
  
  .about-us #tm-bottom-b #ready-content-wrap #btn-wrapper{
    margin-top:50px;
    margin-left:60px;
  }
  
  .about-us #tm-bottom-b #ready-content-wrap #btn-wrapper::before{
    left:-90px;
    top:-70px;
  }
  
  .big-contact {
    width: 150px;
    height: 50px;
    line-height: 55px;
    font-size:14px;
  }
  
  about-us #tm-bottom-b .btn i {
    font-size: 28px;
    margin-right: 10px;
    margin-top: -5px;
    vertical-align: middle;
  }
  
  about-us #tm-bottom-b .btn i {
    font-size: 20px;
    margin-right: 13px;
  }
  
  #about-sign-wrap{
    margin:50px 50px 0px 0px;
  }
  
  .about-us #tm-bottom-b .btn i, .mailpop-open.big-contact i{
    font-size:24px;
    margin-right:10px;
  }
  
  .milestone-tabs-wrap .content-wrap .btn{
    margin-bottom:10px;
  }
  
  /*--------------- css for chiptuning/tuningstage/project us page----------------- */
  
  #projects-cat-wrap .uk-panel-title, #chiptuning-cat-wrap .uk-panel-title, #tuningstg-cat-wrap .uk-panel-title{
  font-size:26px;
  margin:60px 0 60px;
  }

  #projects-cat-wrap h1.uk-panel-title::before, #chiptuning-cat-wrap h1.uk-panel-title::before, #tuningstg-cat-wrap h1.uk-panel-title::before{
    font-size:60px;
    top:-10px;
  }

  #projects-cat-wrap h1.uk-panel-title span#tagline, #chiptuning-cat-wrap h1.uk-panel-title span#tagline, #tuningstg-cat-wrap h1.uk-panel-title span#tagline{
    font-size:30px;
    left:-43px;
    top:-40px;
    display:none;
  }
  
  #projects-cat-wrap h1.uk-panel-title .title-inner::after, #chiptuning-cat-wrap h1.uk-panel-title .title-inner::after, #tuningstg-cat-wrap h1.uk-panel-title .title-inner::after{
    top:40px;
    left:-35px;
    display:none;
  }
  
  /*--------------- css for chiptuning details page----------------- */
  
  #single-chiptuning-wrap .moduletable .uk-breadcrumb{
    display:none;
  }
  
  #single-chiptuning-wrap h3.uk-panel-title-sp2 span.overlay {
    font-size: 26px;
  }
  
  #single-chiptuning-wrap h3.uk-panel-title-sp2 span.main {
    font-size: 60px;
  }
  
  #single-chiptuning-wrap .chiptuningcontent .hp_car_table h4 + p,.module-intro-text{
    font-size:18px;
  }
  
  #single-chiptuning-wrap .btn{
    padding:0px 15px;
  }
  
  #single-chiptuning-wrap .btn img {
    width: 13%;
  }
  
  #footer-mobile{
    text-align:center;
  }
  
  /*------------- Tuning Stages Details Page -----------------*/
  
  #single-chiptuning-wrap .contenttop h1{
    fonts-size:30px;
  }
  
  .main-option-wrap h2 {
    font-size: 22px;
  }
  
  /*------------------- css for projects details page--------------- */
  
  #single-project-wrap .moduletable .uk-breadcrumb{
    display:none;
  }
  
  #single-project-wrap .project-container h3{
    font-size:18px;
  }
  
  #single-project-wrap .project-container{
    margin-top:0px;
  }
  
  #single-project-wrap .uk-panel-title-sp1 span.overlay,#single-project-wrap h3.uk-panel-title-sp2 span.overlay{
  font-size:26px;
  }

  #single-project-wrap h3.uk-panel-title-sp1 span.main,#single-project-wrap h3.uk-panel-title-sp2 span.main{
    font-size:60px;
  }
  .pro-ready-wrap .got-a-project{font-size:35px;}
  
  .pro-ready-wrap .pro-ready-content {
    margin-top: 0px;
  }
  
  #single-project-wrap .projectscontent .module-intro-text,#single-project-wrap .sp-description{
    margin:5px auto 50px;
  }
  
  /*------------------------ css for Contact Us Page -------------------------*/
  
  .contactus-page .uk-article-title{
    font-size:30px;
  }

  .contactus-page .uk-article h3{
    font-size:20px;
  }
  
  .about-us #tm-bottom-b .btn i, .mailpop-open.big-contact i{
    font-size:25px;
    margin-right:10px;
  }
	
}


/* Fix Viewport for IE10 Snap Mode
----------------------------------------------------------------------------------------------------*/

@media (max-width: 400px) {
	
}