/* 
    Created on : 08-ene-2020, 14:00:34
    Author     : UNANIME CREATIVOS
*/

/* Laptop HDPI*/
@media (max-width:1680px) and (min-width: 1441px){
    /*### Autoescuela ###*/
    .row_background_gradient.autoescuela { background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 63%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 100%) !important; }
    .permisos-container > div{width:46%;}

    /*### PERMISO ###*/
    #single-permiso .column_background { background-position: 71% 0% !important;background-size: 50% !important;}
    form.pay-form table tbody tr{  width: 100%; display: block;margin: 0 auto}
}
/* Laptop NORMAL SIZE*/
@media (max-width:1440px){

    .autoescuela-button > *{min-width: 265px !important; font-size:17px !important;}
    .row_background_gradient.autoescuela{background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 62%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%) !important;}
    .row_background_gradient .content > div > .wpb_wrapper{ width: 82% !important; margin: 21% auto 0;}

    /*### Home ###*/
    .head-home--car .title{font-size:45px !important;}
    .head-home--car h1{font-size:18px !important;}
    .head-home--car p:not(.title){font-size:18px !important;}
    .head-home--car:before{background-size: 67%;}
    .flex-prev{left:12% !important;  top:48% !important;}
    .flex-next{right:12% !important; top:48% !important; opacity: 1 !important;}
    .semicircle-section-background:before{top:26% !important;}
/* ### AUTOESCUELA ###*/
    .row_background_gradient .content {padding-right:40px !important;}
    .positioned-image .vc_custom_1580901045438{ background-size: 116% !important;}
    body:not(.home) footer:before{background-size:57% !important;}

    /* ### CURSOS ###*/
    .row-curso{; background-position:132% 0% !important; }
    /*## PERMISOS  ##*/
    #single-permiso .column_background{background-position: 65% 24% !important; background-size:55% !important;}
    .permisos-container > div{margin: 15px 10px;}


/*## CONTACTO ##*/
    .basel-info-box .box-icon-wrapper{width:18%;}

    /*## MATRÍCULA ONLINE ##*/
    form.pay-form table{width: 24% !important;}
    form.pay-form select{font-size: 20px !important;}
}
/* Laptop MEDIUM SIZE*/
@media (max-width:1360px){

    /*### Home ###*/
    .image-overcontent img{max-width: 85%;}
    .row_background_gradient.home{    background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 70%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);}
    .flex-prev{left: 9% !important; top:53% !important;}
    .flex-next{right:9% !important; top:53% !important;}
    .vc_custom_1578934852637{margin-top:32%;}
    .autoescuela-button > *{min-width: 240px !important; font-size: 17px !important;}
    /*### PERMISO ###*/
    #single-permiso .column_background{background-position: 65% 24% !important; background-size:50% !important;}
    .sub_title{font-size:26px;}
    .row-curso-content{padding:42px 0px;}
    /* ### CURSOS ###*/
    .row-curso{ background-position:142% 0% !important; }
    /* Autoescuela*/
    .positioned-image .vc_custom_1580901045438{ background-size: 123% !important;}
    form.pay-form select{font-size:19px !important;}
}
/* Laptop SMALL SIZE*/
@media (max-width:1280px){
    .head-home--car .title{font-size:40px !important;}
    .main-nav .menu > li > a{font-size:17px !important;}
    .site-logo img{max-width: 92% !important;}
    .top-bar-left{width:32%;}
    .autoescuela-button > *{    min-width: 220px !important; font-size: 16px !important;}
    ul.slides > li h2{font-size:22px !important;}
    ul.slides > li p{font-size:16px !important;}
    .flex-next{right:6% !important;}
    .flex-prev{left:6% !important;}
    .row_background_gradient.home .autoescuela-button{display:block; margin-left:0px !important;}
    .row_background_gradient.home h2{margin-top:39% !important;}
    .semicircle-section-background h2{font-size:28px !important;}
    .row-icons-comp img{max-width:65px;}
    .row-icons-comp h3{font-size:17px !important;}
    .row_background_gradient.autoescuela{ background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 55%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%) !important;}
    .row_background_gradient .min500{min-height:422px !important;}
    /* Autoescuela*/
    .positioned-image .vc_custom_1580901045438{ background-size: 134% !important;}
    /*-- TRABAJA CON NOSOTROS -- */
    #banner-home.trabaja-nosotros .trabaja-nosotros-content .title{font-size:36px;}
    /*-- CONTACTO -- */
    .row-contacts h2{ font-size:28px !important;}
    .row-contacts .vc_empty_space{height:20px !important;}
    /*-- PERMISO -- */
    #single-permiso .column_background{background-position:64% 20% !important; background-size:50% !important;}
    .column_background h1{font-size:40px !important;}
    form.pay-form table tr td, form.pay-form select{font-size:17px !important;}
	
	#matriculateya:after { right: -5% !important; }

}

@media (max-width: 1280px) and (min-width: 720px){
    h1.title{font-size:42px !important; line-height: 1.2em !important;}
    .sub_title{font-size:42px !important;}
    .autoescuela-button > *{min-width: 190px !important;padding: 12px 20px !important}
    ul#menu-autoescuela-clase li.item-cursos div.sub-menu-dropdown{width: 30% !important; left: 62% !important;}
    .row-curso{background-position: 190% 0% !important;}
    .image-overcontent img{max-width: 94%;}
    body.page-id-9 .row_background_gradient.autoescuela{    background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 76%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%) !important;}
    .row_background_gradient.autoescuela {background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%) !important;}
    .vc_custom_1579623705179{background-size:115% !important;}
    .vc_custom_1579612425038{margin-top:0 !important}
    #single-permiso .column_background{    background-position: 44% 31% !important;}
    div#frm_form_1_container{ margin-bottom:9% !important;}
    form.pay-form table{width:26% !important;}
    form.pay-form table tr td, form.pay-form select{font-size:17px;}
    /*.row-acces-app p{font-size:22px !important; line-height: 31px !important;}*/
	#matriculateya:after { right: -25% !important; }
}

@media (max-width:1200px) and (min-width: 1025px){
    /* ### CURSOS ###*/
    .row-curso{ background-position:225% 0% !important; }
}


/* IPAD LANDSCAPE*/
@media (max-width:1024px){
    .top-bar-left{width:50% !important;}
    .head-home--car .title{font-size:36px !important;}
    .head-home--car h1{font-size:16px !important;}
    header > .container{width:98% !important;}
    .site-logo{vertical-align: baseline;}
    .main-nav.site-navigation{width:100% !important;}
    .main-nav .menu > li > a{font-size:16px !important; padding-left:8px !important; padding-right:8px !important;}
    .vc_custom_1579612363835{background-position: 20% 50% !important; background-size:132% !important;}
    .row_background_gradient .content > div > .wpb_wrapper{width:100% !important; margin: 21% auto 0 !important;}
    .row_background_gradient .content{padding-right: 0px !important;}
    .row_background_gradient.autoescuela{    background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%) !important;}
    .min735{ background-position: -321% -12% !important;}
    .permisos-container > div{margin:15px 8px ;}
	
	#matriculateya:after { right: -25%; }

    .positioned-image .vc_custom_1580901045438{}
    /*-- CONTACTO -- */
    .row-contacts h2{font-size: 22px !important; line-height: 28px !important;}
    #form_contact-form{margin-bottom: 9%;}
    /*-- PERMISO -- */
    .column_background{min-height: 430px; background-position: 76% 60% !important; background-size: 75% !important;}
    .column_background h1{font-size:35px !important; margin-bottom:6px !important;}
    #single-permiso .column_background{ background-position: 65% 58% !important; background-size: 52% !important}
    /* ### TRABAJA CON NOSOTROS ###*/
    .wrapper-image-background{}
    #banner-home.trabaja-nosotros .head-home--car .title {font-size: 30px !important;}
    #banner-home.trabaja-nosotros .head-home--car p:not(.title) {font-size: 16px !important;}
    #banner-home.trabaja-nosotros {max-height: 410px;}
    #contacto .formulario-trabaja-nosotros form { max-width: 100%;}
    #contacto .formulario-trabaja-nosotros .policy{    width: 100%;text-align: left;overflow: hidden;display: flex;padding-left: 22px;padding-top: 3px;}
    #contacto .formulario-trabaja-nosotros .frm_checkbox label{    flex-flow: row nowrap;}
    #contacto .formulario-trabaja-nosotros .frm_checkbox label a{margin: 0px 26px;}
    /* ### CURSOS ###*/
    /* Autoescuela*/
    .positioned-image .vc_custom_1580901045438{     background-size: 166% !important; background-position: 37% 50% !important;}
   .row-curso{  background-position: 623% 0% !important;}
    body:not(.home) footer:before{height: 34%; top: -33%;}
    form.pay-form table{ width: 34% !important;}
}

@media (max-width:990px){
	#matriculateya:after { content: none !important; }
}

/* IPAD PORTRAIT*/
@media (max-width:768px){
    .top-bar-left{width:60% !important;}
    p{font-size:15px !important;}
    .autoescuela-button > *{min-width: 194px !important; font-size: 15px !important; padding: 13px 26px !important;}
/*-- Home -- */
    .head-home{min-height:55vh !important;background-size: 68% !important;}
    .head-home--car:before{ width: 91%; height: 151%; top: 13%;}
    .head-home--car > div > div > div > div  {width:90% !important;}
    .image-overcontent{display:none !important;}
    .row_background_gradient.home {background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); }
    .row_background_gradient.home h2{margin-top:4% !important;}
    .row_background_gradient.home > div > div > div > div > div {width:100% !important;}
    .semicircle-section-background h2{font-size:24px !important;}
    .row-icons-comp{display: flex; flex-flow: row wrap;justify-content: space-around;}
    .row-icons-comp > div {width:33%; flex-grow:1; padding:8px;}
    .row-icons-comp > div{line-height: 20px; font-size:17px !important;}
    .row-icons-comp > div img {max-width:63%;}
    .wpb_flexslider > div{max-width:600px !important;}
    .wpb_flexslider > div > ul > li{max-width: 505px !important; margin: 0 47px !important;}
    .row_background_gradient.home .autoescuela-button{display:inline-block !important;}
    .titulo-blog-home h3{font-size:16px !important; line-height: 20px !important;}
    .titulo-blog-home h3 a {font-weight: 500;}
    .semicircle-section-background:before{width:40% !important;}
    div#custom_html-3 > div > div{width: 100% !important;}
    aside.footer-sidebar{  display: flex; flex-flow: row wrap;justify-content: center;align-items: flex-start;}
    .vc_custom_1579612363835{  background-position: 20% 104% !important; background-size: 162% !important;}
    .footer-container .widget-area{ width: 100%; margin: 0 auto;}
    .footer-column-1{width:100% !important;}
    .footer-column.footer-column-2,
    .footer-column.footer-column-3,
    .footer-column.footer-column-4,
    .footer-column.footer-column-5{width:33% !important;}
    .footer-column.footer-column-2{padding-left: 20px !important; padding-right: 20px !important;}
    aside.footer-sidebar p,
    aside.footer-sidebar a{font-size:13px !important; line-height: 16px !important;}
    #contacto .form-row > .vc_col-sm-3{width:10% !important;}
    #contacto .form-row > .vc_col-sm-6{width:80% !important;}
    #form_recuperacion .vc_col-sm-3{width:10% !important;}
    #form_recuperacion .vc_col-sm-6{width:80% !important;}
	
    body:not(.home) footer:before{bottom:0% !important;}
    .row-icons-comp .vc_col-sm-3{width:25% !important;}
    .row-icons-comp .vc_col-sm-3 h3{margin:15px auto 4px !important;}
    .row-icons-comp .vc_col-sm-3 p {font-size:14px !important;}
    .row-icons-comp .vc_col-sm-3 .vc_column-inner {padding-left:8px !important; padding-right:8px !important;}
    /* ## CURSO PAGE ##*/

    .row-curso.desk {display:none !important;}
    .row-curso.mob{min-height: 371px !important;display: flex !important;align-items: center;justify-content: center;}

    .row-curso.mob .vc_custom_1581523581408,
    .row-curso.mob .vc_custom_1581612821107{min-height: 487px; background-size:cover;}

    .row-curso.mob.content h1{font-size:40px !important;}
    .row-curso-content{padding:30px 0 !important;}
    .row-curso-content .vc_col-sm-1\/5 {width:33% !important;}
    .vc_custom_1581525604130{min-height: 576px !important; background-size: 100% !important;}
    /* ##  PERMISOS ## */
    .min500.mobile{display:block !important;}
    .min735{  min-height: 520px !important;}
    .min500.desktop{display:none !important;}
    .min735 .vc_col-sm-4 {width:50% !important;}
    .permisos-container > div{margin:15px 7px !important;}
    .permisos-container h2{font-size:20px !important;}
    .permisos-container h3{font-size:15px !important; margin-bottom:9% !important;}
    .autoescuela-button > *{ font-size:14px !important;}
    .permisos-container > div{background-size: 93%!important;}
    .row-curso-content{ padding: 16px 0 !important;}
    /*-- TRABAJA CON NOSOTROS -- */
    #contacto.trabaja-nosotros-form{display:flex; justify-content: center;}
    #contacto.trabaja-nosotros-form .vc_col-sm-6{width:70% !important; margin: 0 auto !important;}
    #banner-home.trabaja-nosotros{min-height:650px;}
    #banner-home.trabaja-nosotros .wrapper-image-background {width: 90% !important;margin: 0 auto !important; margin-top:-120px !important;}
    /*-- MATRICULA ONLINE -- */
    form.pay-form table{width: 42% !important;}
    form.pay-form select{font-size: 18px !important;}
    /* ##  PERMISO ## */
    .column_background h1{font-size: 30px !important;}
    .info-permisos .row-curso-content .col-md-8 {padding:0 30px;}
    .positioned-image.left{left:0; right: 0; width:100%;}
    /*-- CONTACTO -- */
    .row-contacts h2{font-size: 20px !important; line-height: 26px !important;}
    .row-contacts > div > div{padding:0 0 !important;}
    .c-center > div{width:90% !important;}
    /*FOOTER*/

}
/* IPHONE 6+*/
@media (max-width:480px){
    .top-bar-left{width:100% !important; font-size:12px !important;}
    h2.title{font-size:28px !important;}
    h2.title.sub-section{font-size:24px !important;}
    .site-logo img{max-width: 70% !important;}
    .autoescuela-button > *{min-width: 194px !important; font-size: 14px !important; padding: 15px 18px !important;}
    .h1-mov{font-size:32px !important; line-height: 36px !important;}
    .h2-mov{font-size:28px !important; line-height: 32px !important;}
    .empy-mov{height:15px !important;}
    .hidden-mov{display:none !important;}
    .autoescuela-button > *{min-width: 165px !important; padding: 10px 21px !important;}
    body:not(.home) footer:before{height:14% !important;top: -11% !important; background-size: 84% !important;}
    p{font-size:14px !important; }
    /*-- Home -- */
    .head-home{    min-height: 71vh !important; background-size: 112% !important; background-position: -236% 47% !important;}
    .head-home--car .title{  font-size: 28px !important; line-height: 32px !important;}
    .head-home--car p:not(.title){font-size:16px !important;}
    .head-home--car:before{ width: 119%; top: 27%;}
    .row_background_gradient.home{min-height:485px !important; background:linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 99%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%) !important;}
    .row_background_gradient.home h2{margin-top:12% !important;}
    .semicircle-section-background h2{font-size:20px !important;}
    h3.after.centrado{font-size:27px !important; line-height: 32px !important;}
    .semicircle-section-background:before{display:none !important;}
    .row-icons-comp > div{width:48%; padding: 10px 6px;}
    .wpb_flexslider > div > ul > li{max-width:291px !important;}
    ul.slides > li h2{font-size:20px !important;}
    ul.slides > li p{font-size:14px !important;}
    .wpb_flexslider > div > ul > li > div{padding:15px !important;}
    .wpb_flexslider > div > ul > li:nth-child(1), .wpb_flexslider > div > ul > li:nth-child(3), .wpb_flexslider > div > ul > li:nth-child(5), .wpb_flexslider > div > ul > li:nth-child(7), .wpb_flexslider > div > ul > li:nth-child(9), .wpb_flexslider > div > ul > li:nth-child(11), .wpb_flexslider > div > ul > li:nth-child(13), .wpb_flexslider > div > ul > li:nth-child(15), .wpb_flexslider > div > ul > li:nth-child(17), .wpb_flexslider > div > ul > li:nth-child(19), .wpb_flexslider > div > ul > li:nth-child(21), .wpb_flexslider > div > ul > li:nth-child(23), .wpb_flexslider > div > ul > li:nth-child(25), .wpb_flexslider > div > ul > li:nth-child(27):after{border-right: 0px !important;}
    .textwidget.custom-html-widget{align-items: center !important;}
    .footer-column.footer-column-2{padding-left:14px !important; padding-right:14px !important;}
    .footer-column.footer-column-1, .footer-column.footer-column-2, .footer-column.footer-column-3{width:100% !important;}
    .colaboradores-row-icons .colaboradores{display:flex; flex-flow:row wrap; justify-content: space-around;}
    .footer-column.footer-column-2,
    .footer-column.footer-column-3,
    .footer-column.footer-column-4,
    .footer-column.footer-column-5{width:90% !important;padding:0px 20px;}
    .colaboradores-row-icons .vc_empty_space{height:15px !important;}
/* -- AUTOESCUELA --*/
    .row_background_gradient.autoescuela{background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%) !important;}
    .row-icons-comp .vc_col-sm-3 {width:50% !important;}
    #contacto .form-row > .vc_col-sm-6{width:100% !important;}
    #form_recuperacion .vc_col-sm-6{width:100% !important;}

    .only-mobile{display:block !important;}
    .only-desktop{display:none !important;}
/* -- Fecha Curso --*/
    .row-curso-content{ padding: 30px 0px 10px !important;}
    .row-curso-content .vc_row {display: flex; flex-flow: row wrap; justify-content: center;}
    .botonera .autoescuela-button{ margin: 13px 40px !important;}
    .row-curso-content .vc_col-sm-1\/5 {width:80% !important;}
    /*-- TRABAJA CON NOSOTROS -- */
    #banner-home.trabaja-nosotros .head-home--car .title {font-size: 21px !important;}
    #banner-home.trabaja-nosotros .trabaja-nosotros-content {max-width: 100%;}
    #banner-home.trabaja-nosotros {background-repeat: no-repeat !important;background-position: 0 0 !important;background-size: 190%;}
    #banner-home.trabaja-nosotros .head-home--car .title {font-size: 24px !important;}
    #contacto.trabaja-nosotros-form .vc_col-sm-6 {width: 82% !important;}
    /*-- PERMISOS -- */
    .p-sub-head{font-size:26px !important; font-weight: 500 !important;}
    .permisos-container > div > a{min-height: 180px !important;}
    .permisos-container > div{background-size:100% !important; width: 100%;}
    .permisos-container h3{font-size:14px !important;}
    .permiso img{max-width: 90%; margin-left: auto;}
    /* ##  PERMISO ## */
    #single-permiso .column_background{ background-position: 73% 50% !important; background-size: 78%!important;margin-top: 11%;}
    .info-permisos ul li {font-size:14px; line-height: 23px !important; margin-bottom:5px;}
    /* Zona alumnos*/
    .vc_tta-container .vc_tta-panel-title span{font-size:18px; line-height:24px; color:#000000;}
/* ## CONTACTO ##*/
    #contacto h4{font-size:28px !important;}
    .row-contacts h2{font-size: 20px !important; line-height: 26px !important; text-align: center !important;}
    .row-contacts > div > div{padding:0px 20px !important; text-align: center !important;}
    .row-contacts .vc_btn3-container.vc_btn3-left{text-align: center !important;}
    #frm_checkbox_7-0 label{font-size:12px;}
    .row-principios img{max-width:80%; margin:20px 0px;}
    .min500{ min-height: 450px !important;}
    #contacto .form-row > .vc_col-sm-3{display:none !important;}
	#form_recuperacion .vc_col-sm-3{display:none !important;}

    .row-curso-content ul{padding-left:22px !important;}
    #frm_field_7_container{margin-bottom: 0px !important;}
    .frm_submit{margin:0 0 55px !important;}
    /*--MATRÍCULA ---*/
    form.pay-form table{width: 80% !important;}
    /*-- CONTACTO -- */
    .row-curso.mob.content h1{font-size: 30px !important;}

}
/*IPHONE 6*/
@media (max-width:375px){
    .h1-mov{  font-size: 28px !important;line-height: 31px !important;}
    .head-home--car .title{font-size:24px !important;}

    .vc_custom_1579013585649{margin-top:10% !important;}
    .row_background_gradient .min500{min-height: 375px !important;}
    .row_background_gradient.autoescuela .empy-mov{display:none !important}
}
/* Iphone 5S*/
@media (max-width:360px){
    #head-home{ background-repeat: no-repeat !important;background-position: -112% 3%!important;background-size: 103% !important;}
    .checkbox:before {width: 100%;top: 18%;}
    .head-home--car:before{width: 100%; top: 21%;}
    .head-home--car .title{font-size: 22px !important; line-height: 25px !important;}
    .colaboradores img {max-width:80%;}
    .min-footer{ display: flex !important; flex-flow: column wrap;justify-content: center;align-items: center;}
    .min-footer .col-left,
    .min-footer .col-right{width: 94% !important;}
    footer .legal-content{text-align: center;}
    .row-icons-comp h3{font-size:15px !important;}

    /*-- PERMISOS -- */
    .permisos-container h2{font-size:18px !important;}
    .permisos-container h3{ font-size: 14px !important; margin-bottom:8% !important;}
}