@charset "utf-8";
/* CSS Document */
/******************************
[Table of Contents]
1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px
******************************/
/************
1. 1600px
************/
@media only screen and (max-width: 1260px)
{
.item-politicas{
margin: 10px;
}
.cont-politica{max-width: 1112px;}
}
@media only screen and (max-width: 1109px)
{
.cont-politica{max-width: 740px;}
}
@media only screen and (max-width: 739px)
{
.cont-politica{max-width: 360px;}
.item-politicas{width: 95%; height: inherit;}
.btn_video{margin-left: 52%;}
}
@media only screen and (min-width: 1400px)
{
.home
{
width: 100%;
height: 500px;
}
}
@media only screen and (min-width: 1700px)
{
.home
{
width: 100%;
height: 600px;
}
}
/************
2. 1440px
************/
@media only screen and (max-width: 1259px)
{
.cont-cursos{max-width: 840px; }
}
@media only screen and (max-width: 839px)
{
.cont-cursos{max-width: 420px; }
}
/************
3. 1380px
************/
@media only screen and (max-width: 1380px)
{
.header
{
/*width: 1200px; */
}
.header_content
{
width: calc(100% - 219px);
}
.main_nav_container
{
padding-right: 63px;
}
.header_side
{
width: 219px;
}
.header_side span
{
font-size: 14px;
}
.header_side img
{
width: 20px;
height: 20px;
}
}
/************
3. 1280px
************/
@media only screen and (max-width: 1280px)
{
.header
{
/*width: 90%; */
}
.header_content
{
width: 100%;
}
.main_nav_container
{
padding-right: 53px;
}
.card-title
{
font-size: 20px;
}
.register_content,
.search_content
{
width: 442px;
}
}
/************
4. 1199px
************/
@media only screen and (max-width: 1199px)
{
.hero_box
{
padding-left: 20px;
}
.main_nav_item{margin-right: 15px;}
}
/************
4. 1100px
************/
@media only screen and (max-width: 1200px){
.tit-sl{ font-size: 40px; width: 500px;}
}
@media only screen and (max-width: 1100px)
{
.footer_col{
margin-left: 40px;
}
.logo img{width: 250px;}
.main_nav_item
{
margin-right: 20px;
}
.tit-sl{ font-size: 40px; width: 500px;}
}
/************
5. 1024px
************/
@media only screen and (max-width: 1070px){
.main_nav_item{margin-right: 7px;}
.main_nav_item a{ font-size: 13px;}
}
@media only screen and (max-width: 1024px)
{
.header_side{width: 170px; padding: 7px; text-align: center;}
.main_nav_container{padding-right: 20px;}
.tit-sl{ font-size: 40px; margin-left: 0; width: 490px;}
.cont-sl{ width: 500px; margin-left: 0; margin-bottom: 0px;}
}
/************
6. 991px
************/
@media only screen and (max-width: 877px)
{
.main_nav_item a{font-size: 11px;}
.hero_slide_content h1
{
font-size: 30px;
}
}
@media only screen and (max-width: 800px)
{
.pr-text p span{font-size: 19px;}
.register{display: block;}
.dirb{width: 100%;}
#mmp{width: 100%;}
.nosotrosbb{width: 100%; display: block; }
.nosotrositem{width: 100%;}
.nosotrosc1{max-width: 560px; width: 100%; height: 280px; position: relative; padding: 20px;
text-align: center; float: none; margin: 10px auto;}
.nosotrosc2{max-width: 560px; width: 100%; height: 280px; position: relative; padding: 20px;
margin: 10px auto; text-align: center;}
.btn_valores{display: block}
.tt_v{ width: 95%; margin: auto;}
.tt_c{ width: 95%; margin: auto;}
.tit-sl{ font-size: 40px; width: 100%; }
.cont-sl{ width: 100%; margin-bottom: 0px;}
.main_nav_container
{
display: none;
}
.hamburger_container_cont
{
display: block;
}
.header_side
{
display: none !important;
}
.owl-carousel .owl-item img {
top: 12%;
width: 70%;
position: relative;
margin: auto;
}
.hero_slide_content{
width: 60%;
}
}
@media only screen and (max-width: 991px)
{
.footer_content
{
display: block;
padding-top: 10px;
}
.pr-text p{ font-size: 20px; right: 0px; top: 20px; width: 400px;}
.pr-img{
width: 35%;
}
.pr-img img{
margin-top: 30px;
}
.footer_col{width: 80%; margin: auto; text-align: center;}
.logo_f{ width: 100%;}
.mmx{display: none;}
.logo_container
{
padding-left: 15px;
}
.logo img{width: 220px;}
.hero_boxes
{
width: 100%;
height: auto;
margin-top: 30px;
}
.hero_boxes_inner
{
position: relative;
top: auto;
left: auto;
}
.hero_box
{
padding-left: 50px;
}
.hero_box_col
{
margin-bottom: 30px;
}
.hero_box_col:last-child
{
margin-bottom: 0px;
}
.course_box
{
margin-bottom: 80px;
}
.course_box:last-child
{
margin-bottom: 0px;
}
.search_section
{
padding-top: 156px;
padding-bottom: 161px;
}
.register_content,
.search_content
{
width: 75%;
}
.testimonials_slider_container
{
padding-left: 0px;
padding-right: 0px;
}
.event_date
{
margin-top: 30px;
}
.event_name
{
margin-top: 17px;
}
.event_content p
{
margin-bottom: 0px;
}
.newsletter_form_container
{
width: 90%;
}
.footer_col
{
margin-bottom: 30px;
}
.footer_col:last-child
{
margin-bottom: 0px;
}
}
/************
7. 959px
************/
@media only screen and (max-width: 959px)
{
}
/************
8. 880px
************/
@media only screen and (max-width: 880px)
{
.mod_total_alt_p_inicio_t{width: 80%;}
}
/************
9. 768px
************/
@media only screen and (max-width: 768px)
{
.mod-total_alt_p{width: 97%;}
}
/************
10. 767px
************/
@media only screen and (max-width: 767px)
{
.tit-sl{margin-left: 0px; margin-top: 0px;}
.cont-sl{ margin-left: -17px; margin-top: -10px;}
.paquetes_new h1{font-size: 35px;}
.course_box_pr{height: 200px;}
.pr-text p{ font-size: 20px; right: 20px; top: 20px; width: 300px;}
.container {
max-width: 95%;
}
.pr-img{
width: 35%;
}
.pr-img img{
margin-top: 30px;
}
.menu_container
{
right: -100vw;
width: 100vw;
height: 100vh;
}
.newsletter_email
{
width: 100%;
}
.newsletter_submit_btn
{
margin-top: 15px;
}
.pr-text a{bottom: 12px; right: -5px;}
}
/************
11. 575px
************/
@media only screen and (max-width: 575px)
{
.course_box_pr{height: 180px;}
.pr-text a{bottom: 33px; right: -27px;}
.pr-text a img {width: 80%;}
.ccnosotros{margin: 0; margin-top: 15px;
padding: 0; padding-bottom: 10px; padding-right: 5px;
padding-top: 10px;}
h1{font-size: 24px;}
p{font-size:13px;}
.header
{
height: 74px;
}
.logo_container
{
padding-left: 15px;
}
.logo img
{
/*width: 30px; */
}
.logo span
{
font-size: 16px;
}
.hamburger_container_cont
{
right: 5px;
}
.hamburger_container
{
right: 5px;
}
.menu
{
top: 70px;
}
.menu_item
{
margin-bottom: 0px;
}
.menu_copyright
{
display: none;
}
.menu_social_container
{
margin-top: 50px;
}
.menu_close_container
{
right: 30px;
top: 34px;
}
.hero_slider_nav
{
display: none;
}
.hero_slide_content
{
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.card-title
{
margin-top: 30px;
}
.card-title a
{
font-size: 20px;
}
.card-text
{
font-size: 13px;
}
.price_box
{
margin-top: 37px;
}
.register_section,
.search_section
{
padding-top: 115px;
padding-bottom: 120px;
}
.register_content,
.search_content
{
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.register_text
{
margin-top: 25px;
}
.register_button
{
margin-top: 53px;
}
.testimonials_slider .owl-dots
{
display: none !important;
}
.testimonials_item
{
padding-bottom: 0px;
}
.event_date
{
width: 100px;
height: 100px;
}
.event_day
{
font-size: 36px;
}
.event_month
{
font-size: 14px;
}
.event_name
{
margin-top: 5px;
}
.footer_bar
{
padding-top: 49px;
padding-bottom: 52px;
}
.footer_social
{
margin-top: 20px;
}
.footer_copyright span
{
font-size: 13px;
}
}
/************
11. 539px
************/
@media only screen and (max-width: 539px)
{
.tit-sl{font-size: 27px;}
.ccnosotros h3{font-size: 22px;}
.conntfor{display: block;}
.conntfor input{width: 95%; margin: 10px auto;}
.paquetes_new h1{font-size: 27px;}
.paquetes_new P{ font-size: 15px;}
.pr-img img {width: 100%; margin-top: 20px; margin-left: -10px;}
.course_box_pr{height: 150px;}
.pr-text a{bottom: 57px; right: -47px;}
.pr-text a img {width: 70%;}
.pr-text p{right: -25px;}
.modd{background-size: 500px 200px; }
}
/************
12. 480px
************/
@media only screen and (max-width: 480px)
{
}
/************
13. 479px
************/
@media only screen and (max-width: 479px)
{
.pr-text p{width: 270px; top: 0px;}
.header
{
height: 60px;
}
.pr-text p span{font-size: 18px;}
.hero_slide_content h1
{
font-size: 28px;
}
.hero_slide_content h1 span
{
padding-left: 5px;
padding-right: 5px;
margin-left: 0px;
margin-right: 0px;
}
.hero_boxes
{
}
.hero_box
{
padding-left: 15px;
height: 120px;
}
.hero_box_content
{
padding-top: 6px;
}
.hero_box img
{
width: 45px;
}
.hero_box_title
{
font-size: 18px;
margin-bottom: 3px;
}
.hero_box_link
{
font-size: 10px;
}
}
/************
14. 400px
************/
@media only screen and (max-width: 430px)
{
.pr-text p{width: 87%; top: 0px; right: 10px; text-align: left;}
.pr-text p span{font-size: 16px;}
.pr-img img {width: 100%; margin-top: 30px; margin-left: -3px;}
}
@media only screen and (max-width: 400px)
{
.pr-text p span{font-size: 13px;}
.logo img
{
width: 160px;
}
}
@media only screen and (max-width: 384px)
{
.mod_total_alt_p_inicio{width: 280px; height: 380px; background-size: cover;}
.pr-text p{width: 80%; top: 0px; right: 0px; text-align: left;}
.modd{background-size: 400px 150px; }
.item-tit img
{
width: 30%;
}
.paquetes_new h1{font-size: 25px;}
}
@media only screen and (max-width: 350px)
{
.btn_video{margin-left: 40%;}
.item-cur
{
height: inherit;
}
.item-cuerpo{
height: inherit;
}
}
@media only screen and (max-width: 330px)
{
.logo img
{
width: 100px;
}
.paquetes_new h1{font-size: 22px;}
}