@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: 1600px)
{
}
/************
2. 1440px
************/
@media only screen and (max-width: 1440px)
{
}
/************
3. 1380px
************/
@media only screen and (max-width: 1380px)
{
}
/************
3. 1280px
************/
@media only screen and (max-width: 1280px)
{
}
/************
4. 1199px
************/
@media only screen and (max-width: 1199px)
{
.main_nav li:not(:last-child)
{
margin-right: 30px;
}
.footer_links
{
padding-left: 0;
padding-right: 0;
}
}
/************
4. 1100px
************/
@media only screen and (max-width: 1100px)
{
}
/************
5. 1024px
************/
@media only screen and (max-width: 1024px)
{
}
/************
6. 991px
************/
@media only screen and (max-width: 991px)
{
.main_nav_contaner
{
display: none;
}
.hamburger
{
display: block;
}
.home_title
{
font-size: 48px;
}
.footer
{
padding-top: 70px;
}
.footer_links,
.footer_contact_column,
.footer_subscribe
{
padding-top: 0;
}
.footer_links,
.footer_contact_column
{
margin-bottom: 70px;
}
.copyright_row
{
margin-top: 80px;
}
.footer_links_list
{
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.copyright_container
{
height: 120px;
}
.copyright
{
text-align: center;
}
.footer_social
{
margin-top: 10px;
}
.footer_social ul
{
margin-right: 0;
}
}
/************
7. 959px
************/
@media only screen and (max-width: 959px)
{
}
/************
8. 880px
************/
@media only screen and (max-width: 880px)
{
}
/************
9. 768px
************/
@media only screen and (max-width: 768px)
{
}
/************
10. 767px
************/
@media only screen and (max-width: 767px)
{
.top_bar
{
display: none;
}
.header.scrolled
{
top: 0;
}
.home_title
{
font-size: 36px;
}
}
/************
11. 575px
************/
@media only screen and (max-width: 575px)
{
p
{
font-size: 14px;
}
.header .header_content
{
height: 80px;
}
.header .logo
{
width: 40px;
height: 40px;
}
.header .logo_text
{
font-size: 24px;
}
.menu_close
{
top: 21px;
right: 40px;
}
.menu_search_form
{
width: 100%;
padding-right: 15px;
}
.menu_search_input
{
width: 100%;
}
.menu_search_button
{
right: 15px;
}
.menu_content
{
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.home_content
{
bottom: 100px;
}
.home_title
{
font-size: 24px;
}
.breadcrumbs ul li,
.breadcrumbs ul li a
{
font-size: 16px;
}
.page_nav ul li
{
width: 35px;
height: 35px;
}
.page_nav ul li a
{
font-size: 14px;
line-height: 35px;
}
.page_nav ul li:not(:last-child)
{
margin-right: 6px;
}
.section_title
{
font-size: 24px;
}
.section_subtitle
{
font-size: 14px;
}
}
/************
11. 539px
************/
@media only screen and (max-width: 539px)
{
}
/************
12. 480px
************/
@media only screen and (max-width: 480px)
{
}
/************
13. 479px
************/
@media only screen and (max-width: 479px)
{
}
/************
14. 400px
************/
@media only screen and (max-width: 400px)
{
}
@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: 1600px)
{
}
/************
2. 1440px
************/
@media only screen and (max-width: 1440px)
{
.events_items
{
padding-left: 30px;
padding-right: 30px;
}
.events_item
{
width: calc((100% - 60px) / 3);
}
}
/************
3. 1380px
************/
@media only screen and (max-width: 1380px)
{
}
/************
3. 1280px
************/
@media only screen and (max-width: 1280px)
{
}
/************
4. 1199px
************/
@media only screen and (max-width: 1199px)
{
.main_nav li:not(:last-child)
{
margin-right: 30px;
}
.event_container
{
padding-left: 40px;
padding-right: 15px;
}
.event_content
{
/*max-width: 350px;*/
padding-left: 40px;
}
.footer_links
{
padding-left: 0;
padding-right: 0;
}
}
/************
4. 1100px
************/
@media only screen and (max-width: 1100px)
{
}
/************
5. 1024px
************/
@media only screen and (max-width: 1024px)
{
}
/************
6. 991px
************/
@media only screen and (max-width: 991px)
{
.main_nav_contaner
{
display: none;
}
.hamburger {
/* display: block; */
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 0.4rem;
align-items: center;
padding: 0.4rem;
border-radius: 3px;
/* box-shadow: 0 0 5px 5px #ccc; */
background-color: #327091;
color: #fff;
}
.hamburger-text {
font-weight: 700;
}
.home_title
{
font-size: 48px;
}
.event_container
{
padding-left: 0;
}
.event_text
{
padding-left: 0;
padding-right: 0;
}
.about_content
{
padding-left: 0px;
padding-top: 32px;
}
.events_item
{
width: 690px;
}
.events_item .event_content
{
text-align: left;
}
.footer
{
padding-top: 70px;
}
.footer_links,
.footer_contact_column,
.footer_subscribe
{
padding-top: 0;
}
.footer_links,
.footer_contact_column
{
margin-bottom: 70px;
}
.copyright_row
{
margin-top: 80px;
}
.footer_links_list
{
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.copyright_container
{
height: 120px;
}
.copyright
{
text-align: center;
}
.footer_social
{
margin-top: 10px;
}
.footer_social ul
{
margin-right: 0;
}
}
/************
7. 959px
************/
@media only screen and (max-width: 959px)
{
}
/************
8. 880px
************/
@media only screen and (max-width: 880px)
{
}
/************
9. 768px
************/
@media only screen and (max-width: 768px)
{
}
/************
10. 767px
************/
@media only screen and (max-width: 767px)
{
.top_bar
{
display: none;
}
.header.scrolled
{
top: 0;
}
.home_title
{
font-size: 36px;
}
.event_content
{
padding-left: 0;
margin-top: 15px;
}
.events_item
{
width: 510px;
}
}
/************
11. 575px
************/
@media only screen and (max-width: 575px)
{
p
{
font-size: 14px;
}
.header .header_content
{
height: 80px;
}
.header .logo
{
width: 40px;
height: 40px;
}
.header .logo_text
{
font-size: 24px;
}
.menu_close
{
top: 21px;
right: 40px;
}
.menu_search_form
{
width: 100%;
padding-right: 15px;
}
.menu_search_input
{
width: 100%;
}
.menu_search_button
{
right: 15px;
}
.menu_content
{
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.home_content
{
bottom: 100px;
}
.home_title
{
font-size: 24px;
}
.breadcrumbs ul li,
.breadcrumbs ul li a
{
font-size: 16px;
}
.events_item .event_content
{
padding-left: 15px;
}
.event_container
{
padding-left: 15px;
padding-right: 15px;
}
.event_title, .event_title a
{
font-size: 16px;
}
.event_row li span
{
font-size: 11px;
}
.event_timer li
{
width: 80px;
height: 70px;
}
.event_num
{
font-size: 32px;
}
.event_date > div
{
width: 50px;
height: 50px;
}
.event_day
{
font-size: 24px;
}
.event_month
{
font-size: 12px;
margin-top: 7px;
}
.page_nav ul li
{
width: 35px;
height: 35px;
}
.page_nav ul li a
{
font-size: 14px;
line-height: 35px;
}
.page_nav ul li:not(:last-child)
{
margin-right: 6px;
}
.section_title
{
font-size: 24px;
}
.section_subtitle
{
font-size: 14px;
}
.events_items
{
padding-left: 15px;
padding-right: 15px;
}
.events_item
{
width: 100%;
}
.quote_quote
{
font-size: 22px;
}
}
/************
11. 539px
************/
@media only screen and (max-width: 539px)
{
}
/************
12. 480px
************/
@media only screen and (max-width: 480px)
{
.event_timer li
{
width: 55px;
height: 65px;
}
.event_num
{
font-size: 24px;
}
.event_ss
{
font-size: 14px;
}
.event_title
{
margin-top: 0;
}
}
/************
13. 479px
************/
@media only screen and (max-width: 479px)
{
}
/************
14. 400px
************/
@media only screen and (max-width: 400px)
{
}