@media screen and (max-width: 1200px) { .container { max-width: 1260px; } .header_list li a { padding: 16px 8px; } .hide-none .btn { padding: 16px 18px; } .main_offer { height: 100vh; } } 
@media screen and (max-width: 900px) { .container { max-width: 860px; } .header_right .btn_main { padding: 16px 16px !important; font-size: 12px; } h1 { font-size: 50px; line-height: 50px; } header { position: fixed; } .header_left .social_list { display: none; } .social_list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; } .social_list li a svg { width: 30px; height: 30px; } .header_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; }.contact_hotel{grid-template-columns: repeat(1,1fr);} .header_list li a { font-size: 40px; font-weight: 800; text-transform: uppercase; padding: 20px 10px; } .hide-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .bottom_nav { display: none !important; } .col_counter { padding: 20px 30px; } .col_counter span { font-size: 70px; }.offer_left, .offer_right{height: 100vh;}.tab_content{margin-top: 30px;} .column_content { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .right_content { margin-top: 40px; } .grid_column { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .logos_container ul { grid-template-columns: repeat(2,1fr); } .slider_logos { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 16px; } .logos_container ul img { width: 80%; } .contact_container { padding: 20px; } .footer_top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .first_container{ margin-top: 120px !important; } }
@media screen and (max-width: 800px) { .container { max-width: 760px; }.news_title h2{width: 100%;} .footer_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .footer_column ul li { text-align: center; } }
@media screen and (max-width: 650px) { .container { max-width: 650px; }.flex_center ul{flex-direction: column;} .pr_spiker span{font-size: 13px;word-break:break-all;}.pr_spiker_soon{flex-direction: column !important;align-items: flex-start;}.pr_sub{font-size: 14px;line-height: 18px;}.pr_spiker_img{width: 50px !important;height: 50px !important;}.programs_date{margin-bottom: 30px;}.item_programs{padding: 20px 8px;flex-direction: column;}.programs_date{font-size: 22px;}.pr_time{font-size: 18px;min-width: 120px;}.pr_title{font-size: 18px;}.news-content{margin-top: 30px;}.blog_share{margin-top: 20px;}.news_column{gap: 0;}.news_author div{font-size: 13px;}.author_data::before{width: 4px;height: 4px;}.author_data{margin-left: 20px;}.author_data::before{left: -10px;} .sec_container { margin: 80px 0 !important; }.news-content h4{font-size: 20px;}.blog_content{grid-column: span 12;}.news_img{margin-bottom: 30px;}.blog_sidebar{grid-column: span 12;}.blog_share{justify-content: flex-start;} .grey_section, .image_section,.warning_section{ padding: 80px 0; } .first_container,.bott_container,.contact_container { margin-bottom: 80px !important; } .top_container { margin-top: 80px !important; } .logo_adaptive { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 20px; } .logo_adaptive img { width: 160px; height: auto; } .footer_list_link li { font-size: 14px; padding: 8px; } .header_center { display: none; } .top_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0; } .grid_column { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .col_counter { margin: 8px; padding: 16px 24px; } .col_counter span { font-size: 50px; } .lines_small::after, .lines_small::before { display: none; } .news_title h2{ font-size: 22px; line-height: 24px; } .news_title small{ font-size: 14px; } .left_content p{ font-size: 15px; width: 100%; } .content_title small{ margin-bottom: 8px; } .foot ul{ flex-direction: column; } .foot ul li{ margin-bottom: 10px; } .foot ul li:nth-child(2), .foot ul li:nth-child(3){ color: blue; } .info_list li{ font-size: 14px; } }
@media screen and (max-width: 450px) { .container { max-width: 100%; }.pr_time{min-width: 80px;white-space: nowrap;font-size: 14px;}.pr_sub_content p{font-size: 14px; line-height: 16px;}.pr_title{font-size: 16px;line-height: 20px;} .footer_list_link { display: none; } .menu_container.active span::before{ bottom: 5px; } .contact_container{ padding: 20px 10px; } .menu_container.active::before{ height: 32px; width: 32px; top: -4px; } .header_right .btn_main { padding: 12px !important; font-size: 12px !important; } .top_nav { padding: 8px 0; } .logo_adaptive { margin-left: 16px; } .logo_adaptive img { width: 140px; } h1 { line-height: 60px; } h2{ font-size: 30px; line-height: 34px; } .offer_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .offer_list li { margin: 5px 0; } .header_list li a { font-size: 30px; padding: 16px 0; } .menu_container { cursor: pointer; width: 20px; height: 18px; } .menu_container span { height: 2px; } .menu_container span::after { content: ''; height: 2px; } .menu_container span::before { content: ''; height: 2px; } .card_container { padding: 16px; } .card_title { font-size: 18px; line-height: 25px; } .white_btn { font-size: 16px; padding: 12px; } .counter_container { position: relative; gap: 0; padding: 10px; background-image: linear-gradient(310deg, #0090db 0%, #00c9db 100%); } .counter_container small{display: none;} .col_counter { background-image: none !important; margin: 0; padding: 0px 10px; -webkit-animation: none; animation: none; } .grid_list{ margin-top: 30px; } .footer_column{ margin-top: 30px; } .col_counter span{ font-size: 40px; } .grid_list ul li{ padding: 16px 0; } .col_counter div{font-size: 14px;margin-top: 8px;} .counter_container small { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 0; } .grid-sizer, .grid-item { width: 100%; } .grid_list ul li span:first-child{ font-size: 24px; margin-right: 12px; } } 
@media screen and (max-width: 380px) { .container { max-width: 100%; } .header_right .btn { padding: 8px; font-size: 13px; } .logo_adaptive { margin-left: 16px; } .logo_adaptive img { width: 120px; } }