.navi-button, .about-photo-mob { display: none; }
.navi-button { font-size: 21px; padding: 0; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.navi-button i, .mobile-search-btn i { vertical-align: top; font-size: 26px; color: #fff; margin: -3px 8px 0 0; }
.navi-button i, .navi-button.show i.fa-bars { display: none; }
.navi-button i.fa-bars { display: inline-block; }
.navi-button.show i.fa-times { display: inline-block; }
.pushmenu { width: 210px; height: 100%; top: 0; z-index: 100000; position: fixed; overflow-x: scroll; background: rgba(253,241,230,1); }
.pushmenu-butn { display: none; }
.pushmenu-push-toleft .pushmenu-butn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; }
.pushmenu-box { margin: 15px 0 35px 0; }
.pushmenu ul { list-style: none; margin: 0; padding: 0; }
.pushmenu li { background: none; padding: 0; margin: 0; position: relative; }
.pushmenu li a:before { content: ""; position: absolute; top: 20px; left: 15px; width: 3px; height: 3px; background: #030303; z-index: 10; }
.pushmenu li a, .pushmenu li span { display: block; padding: 11px 15px 11px 30px; color: #030303; font-family: 'Viaoda Libre'; font-size: 21px; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.30); }
.pushmenu li.menu-item-53 a { font-weight: bold; }
.pushmenu li a:hover { background: #f0b178; border-color: rgba(0,0,0,0.35); text-decoration: none; }
.pushmenu li.current-menu-item a { }
.pushmenu li.menu-item-has-children > a { padding-left: 35px; }
.pushmenu li.menu-item-has-children > a:before { content: "-"; position: absolute; top: 11px; left: 15px; color: #ffffff; background: none; font-size: 16px; font-weight: bold; z-index: 5; }
.pushmenu li.menu-item-has-children.hide > a:before { content: "+"; }
.pushmenu li.menu-item-has-children.hide > ul { display: none; }
.pushmenu ul ul { display: none; }
.mobile-navi ::-webkit-scrollbar { display: none; }
.pushmenu::-webkit-scrollbar { display: none; }
.pushmenu-left { right: -210px; }
.pushmenu-left.pushmenu-open { right: 0; -webkit-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); -moz-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); }
.pushmenu-push { overflow-x: hidden; position: relative; right: 0; }
.pushmenu-push-toleft { right: 210px; }
.pushmenu, .pushmenu-push, .pushmenu li a, .fixed-socials, header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.pushmenu .pushmenu-list { margin-bottom: 25px !important; }
.pushmenu-push-toleft header { left: -210px; }
* { -webkit-text-size-adjust: none; }

@media (max-width: 1200px) {
.ttl h1, .ttl h2, .ttl h3, .sub-ttl h1, .sub-ttl h2, .sub-ttl h3 { font-size: 35px; }
.menu { display: none; }
.navi-button { display: inline-block; }
.more-services-list li span { font-size: 16px; }
}

@media (max-width: 992px) {
.ttl h1, .ttl h2, .ttl h3, .sub-ttl h1, .sub-ttl h2, .sub-ttl h3 { font-size: 32px; }
.visa-item { padding-top: 320px; }
.visa-item .col-lg-7 { position: absolute; top: 0; left: 0; width: 100%; height: 290px; }
.about-wrapper { padding: 90px 0 75px 320px; }
.about-photo { width: 285px; }
.about-section .ttl a { top: 10px; font-size: 14px; }
.main-text p { font-size: 17px; }
div.logo { font-size: 70px; }
div.logo span { font-size: 40px; }
.main-text { width: 440px; }
}

@media all and (max-width: 768px) {
.short-list li h3 strong { font-size: 25px; }
.short-list li figure { width: 110px; height: 110px; }
.short-list li span { font-size: 16px; }
.visa-item { padding-top: 255px; }
.visa-item .col-lg-7, .visa-picture { position: absolute; top: 0; left: 0; width: 100%; height: 235px; }
.about-wrapper { padding-left: 0; }
.about-photo { display: none; }
.about-photo-mob { display: block; float: left; width: 210px; margin: 0 25px 15px 0; }
.navi-button span { display: none; }
}

@media all and (max-width: 680px) {
.mfp-zoom-out .white-popup { width: 100% !important; }
}

@media all and (max-width: 580px) {
body { font-size: 15px; line-height: 1.2; }
.ttl h1, .ttl h2, .ttl h3, .sub-ttl h1, .sub-ttl h2, .sub-ttl h3 { font-size: 23px; }
.about-photo-mob { float: none; margin: 0 auto 15px auto; }
.corner-wrapper .corner.top::after, .corner-wrapper .corner.top::before { left: 15px; }
.corner-wrapper .corner.bottom::before, .corner-wrapper .corner.bottom::after { bottom: 5px; right: 15px; }
.visa-item { padding-top: 220px; }
.visa-item .col-lg-7, .visa-picture { position: absolute; top: 0; left: 0; width: 100%; height: 195px; }
.more-services-list li span { font-size: 14px; padding: 6px 15px 10px; }
section.in, article.in, .advantages-section, .about-wrapper { padding-top: 45px; padding-bottom: 45px; }
.short-list li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 25px; }
.short-list li span { font-size: 15px; letter-spacing: 0; }
.short-list li figure { width: 85px; height: 85px; margin-bottom: 15px; }
.short-list li h3 strong { font-size: 21px; }
.contacts-coll .map { height: 315px; }
.contacts-info { padding: 20px; }
.contacts-info p { font-size: 16px; }
.main-vid::before, footer::before { background-attachment: scroll !important; }
.main-text p { font-size: 14px; font-weight: 400; }
div.logo { font-size: 60px; letter-spacing: 0; }
div.logo span { font-size: 30px; }
.main-text { width: 100%; padding: 0; }
.main-text p { margin-top: 0; }
.main-text a { width: 100%; }
header .row > div.column-1 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; }
header .row > div.column-2 { -ms-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px); }
header .row > div.column-3 { -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; }
header .container { padding-top: 4px; padding-bottom: 5px; }
h1.logo a { font-size: 35px; }
h1.logo span { font-size: 23px;}
.main-vid { top: 65px; height: calc(100% - 72px); }
.main-wrapper .gonext { bottom: 45px; }
.header-tel a { font-size: 17px; margin-right: 7px; }
.header-tel a:last-child { margin-right: 0; }
}

@media all and (max-width: 360px) {
.header-tel a { font-size: 15px; }
}

@media all and (max-width: 340px) {
.about-photo-mob { width: 190px; }
.about-section .ttl a {font-size: 13px; }
}