article iframe{height: 280px;}

.open_close_menu{display: block}
header nav.active{display: none !important;}
 
.login_menu ul li a, .login_menu ul li span{font-size: 13px; padding: 0 12px;} 

header nav ul ul.submenu{left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.slider{padding: 0;}
.slider .slide .text p.title{padding: 30px 0; font-size: 36px; line-height: 40px;}
.slider .slide .text p.title strong{font-size: 36px; line-height: 40px;}
.slider .slide .text p{font-size: 19px; line-height: 23px;}
.slider .slide .img{padding-right: 5%; width: 55%;}

.videa .videa_list .item a.img{height: 170px; }
.videa .videa_list .item p.title a{font-size: 17px; line-height: 22px;}
.videa .videa_list .item p{font-size: 14px; line-height: 22px;}

.welcome .welcome_list .item p{font-size: 15px;}
.welcome_text .link{width: 210px;}
.welcome_text .text{width: calc(100% - 210px)}

.courses .courses_list .item{width: 19%;}
.courses .courses_list .arrow{width: 4%;}
.courses.vypis .courses_list .item{width: 33.33%}

.reference .reference_list.vypis .item{width: 31.33%}
.reference .reference_list.vypis .clear.four{display: none;}
.reference .reference_list.vypis .clear.three{display: block;} 

.reg_form.line_form table td.placeholder{padding-left: 10px; margin-bottom: 10px;}
.reg_form.line_form table .sbHolder{margin-left: 10px; margin-bottom: 10px; width: 200px;}
.reg_form.line_form table td a.button_style{margin-left: 10px; margin-bottom: 10px;}
.reg_form.long.line_form table input[type="text"]{width: 220px; margin-bottom: 10px; }
.reg_form.long table td ul.legend{margin-bottom: 10px;}
.reg_form.long.line_form table td.short input[type="text"]:first-of-type{margin-right: 5px;}

.login_number{margin-bottom: 15px;}
#profil aside{float: none; margin: 0 auto; display: block;}
#profil aside .img{width: 160px; height: 245px;}
#profil .c_column{width: 100%; margin: 0 auto; float: none;}
#profil.diff .c_column{float: left;}
#profil.diff aside{float: right; padding-top: 50px;}
#profil.diff aside a.big_link{margin-bottom: 25px;}


.elearning .left_side p{font-size: 18px;}
.elearning .right_side{width: calc(100% - 270px)}

.list_of_person .item{width: 46.5%}

.otazky .inline_box .button_style{margin-right: 25px;}
.otazky .inline_box div.text{max-width: calc(100% - 200px)}
.otazky .inline_box p.bigger{font-size: 18px; line-height: 24px;}
.otazky .item .odpoved{padding: 18px;}

.office_side{width: 100%; float: none}
.calendar_side{ /*display: none */ }
.calendar_side.top{display: block; float: none; margin: 0 auto 30px; text-align: center; width: 100%;}
.calendar_side.top #calendar, .calendar_side.top #calendar_pad{width: 320px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.calendar_side.top .div{margin-left: 30px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; float: none;}
.calendar_side.top .div .list_of_person.short{padding: 0;}
.calendar_side.top .div .list_of_person.short h2{margin-top: 17px;}


form:not(#vyber_terapeuta) .reg_form.line_form table, form:not(#vyber_terapeuta) .reg_form.line_form table tbody, form:not(#vyber_terapeuta) .reg_form.line_form table td, form:not(#vyber_terapeuta) .reg_form.line_form table th, form:not(#vyber_terapeuta) .reg_form.line_form table tr{display: block; text-align: center}
form:not(#vyber_terapeuta) .reg_form.line_form table td, form:not(#vyber_terapeuta) .reg_form.line_form table th{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
form:not(#vyber_terapeuta) .reg_form table tr.pad_block_row{display: block; width: 100%; text-align: center; clear: both;}
form:not(#vyber_terapeuta) .reg_form table td.pad_block_cell{display: block; width: 100%; text-align: center; clear: both;}
form:not(#vyber_terapeuta) .reg_form table td.pad_hide_cell{display: none}

.reg_form.long table td ul.legend{display: none !important;}



.curse_detail .img{display: block; width: 100px;}
.curse_detail .popis_1{float: right; width: calc(100% - 120px)}
.curse_detail .popis_1 p{font-size: 16px;}
.curse_detail .popis_1 p.count_down label, .curse_detail .popis_1 p.count_down label span{font-size: 16px;}


.action_list .item .img{display: block; width: 100px;}
.action_list .item div.text{float: right; width: calc(100% - 120px)}

.gallery_list .item{height: 245px; width: 49%; margin: 1% 0 1% !important;}
.gallery_list .item figure{height: 245px;}
.gallery_list .item figure > div{height: 245px;}
.gallery_list .item figcaption{height: 245px;}
.gallery_list .item figure .box .centering .title{font-size: 18px; font-weight: 800; line-height: 24px;}
.gallery_list .item:nth-child(3n-1){margin: 0;}
.gallery_list .item:nth-child(2n){margin: 1% 0 1% 2% !important;}



@media screen and (min-width: 768px) and (max-width: 900px) {


.ticket_top{text-align: center;}
.ticket_top .img{display: block; width: 550px; margin: 0 auto -20px;}



.ticket_top .text{max-width: 450px; display: block;  width: 100%; margin: 0 auto 20px;}
.ticket_top .text p.big{text-align: center;}
.ticket_top .text article{text-align: center;}


.open_close_login{display: block}

header .scroll_header, .login_menu .login_menu_scroll{position: relative; top: 0;}
#content.no_bg{background-attachment: local !important; background-position: center -55px !important;} 
#content{background-attachment: local !important; background-position: center 0 !important;}
#content.no_bg.fixed_bg, #content.fixed_bg{background-position: center 0 !important; background-attachment: fixed !important}

header nav.respons{padding: 0;}
header nav.respons ul li{width: 100%; float: none; display: block; margin: 0; border-top: 1px solid #f2f2f2}
header nav.respons ul li:first-child{border-top: 0;}
header nav.respons ul li a{padding: 0; font-size: 18px; line-height: 42px; }
header nav.respons ul li.hassub a{background-position: 95% center}
header nav.respons ul li a span.border_bottom{display: none !important;}
header nav.respons ul li.open a{color: #448DCB;}
header nav.respons ul ul.submenu{position: relative; width: initial;}
header nav.respons ul ul.submenu li{display: block; margin: 0;}
header nav.respons ul ul.submenu li a{color: #666}
header nav.respons ul ul.submenu li:hover a{color: #448DCB}

.slider .slide .text p.title{padding: 25px 0; font-size: 30px; line-height: 34px;}
.slider .slide .text p.title strong{font-size: 30px; line-height: 34px;}
.slider .slide .text p{font-size: 18px; line-height: 22px;}
.slider .slide .img{padding-right: 0; width: 60%;}

.reference .reference_list.vypis .item{width: 48%;}
.reference .reference_list.vypis .clear.three{display: none;}
.reference .reference_list.vypis .clear.two{display: block;}

.welcome_text .link{width: 180px;}
.welcome_text .text{width: calc(100% - 180px)}

.videa .videa_list .item{width: 70%; margin: 0 auto 30px; float: none;}

.courses .courses_list{text-align: center;}
.courses .courses_list .item{width: 29%; float: none; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.courses .courses_list .arrow{float: none; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.courses .courses_list .advance{float: none; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.courses .courses_list .arrow.last{display: none;}

.c_column{float: none; width: 100%}
aside{width: 100%; float: none; margin: 0 auto; text-align: center;}
aside .courses_login_list{width: 250px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; text-align: left; }
aside .aside_div{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 300px; margin-left: 20px; }
aside .newsletter{margin: 0 0 30px}
aside .choose_terapeut{margin-bottom: 30px;}

form:not(#vyber_terapeuta) .reg_form.line_form .pad_hide{display: none;}
form:not(#vyber_terapeuta) .reg_form.line_form .pad_show{display: block;}
form:not(#vyber_terapeuta) .reg_form.line_form table td, form:not(#vyber_terapeuta) .reg_form.line_form table th{clear: both; display: block;}
form:not(#vyber_terapeuta) .reg_form.line_form.long table, form:not(#vyber_terapeuta) .reg_form.line_form.long table tbody{margin: 0 auto; width: 540px}
form:not(#vyber_terapeuta) .reg_form.line_form.long table td{float: left; width: 50%; clear: none;} 
form:not(#vyber_terapeuta) .reg_form.line_form.long table td.pad_full{float: none; width: 100%; clear: both;}
form:not(#vyber_terapeuta) .reg_form.line_form.long table td.pad_show{float: none; width: 100%; clear: both;}
form:not(#vyber_terapeuta) .reg_form.line_form table .sbHolder{margin-left: 0; width: 240px;}



#profil .reg_form table th{padding-top: 0; padding-bottom: 0; width: 100px; font-size: 14px; vertical-align: middle;}
#profil .reg_form table td{width: 50%;}
#profil .reg_form table tr.top_align th{vertical-align: top; padding-top: 12px;}
#profil .reg_form table th, #profil  .reg_form table th.special_title{white-space: inherit; padding-left: 0;}
#profil .reg_form table input[type="text"], #profil  .reg_form table input[type="password"]{width: calc(100% - 63px)}
#profil .reg_form table td.phone input[type="text"]{width: calc(100% - 175px)}
#profil .reg_form table .sbHolder{width: calc(100% - 43px)}

.tooltip-content{width: 460px !important;}

}