@media (max-width:1199px) {
html .container {
width: auto;
}
.slide-title {
font-size: 80px;
}
}
@media (max-width:991px) {
.slide-title {
font-size: 60px;
}
.sub-title {
font-size: 16px;
}
header .main-header {
padding: 20px;
}
.side-menu {
width: 350px;
padding: 100px 30px 40px;
}
.nav-links a {
font-size: 22px;
}
.submenuWrap ul {
margin-top: 20px;
padding-left: 20px;
gap: 20px;
}
.submenu li a {
font-size: 18px;
}
.social-links {
gap: 12px;
}
.social-links li a {
width: 45px;
height: 45px;
}
}
@media (max-width:1024px) {
.about_hero_sec .container {
width: 700px;
padding: 0 25px;
}
.about_hero_sec {
padding-top: 110px;
}
.aboutus_sec .image_wrpr img {
border: 3px solid var(--primary);
width: 180px;
min-width: 180px;
}
section {
padding: 80px 0px;
}
.inner_banner_sec {
padding-top: 120px;
padding-bottom: 60px;
}
.inner_banner_sec img {
bottom: -50px;
right: 60px;
width: 100px;
}
.title h3 {
font-size: 45px;
margin-bottom: 14px;
}
.connect_sec img.garlic-img {
top: 170px;
width: 100px;
}
.connect_sec img.leave-img {
right: 0px;
bottom: 10px;
}
.contact_form_wrap form {
padding: 70px 50px;
;
}
.cnt_detail_sec {
padding-top: 0;
}
.cnt_detail_sec .content {
padding-left: 0;
}
.cnt_detail_sec .title h3 {
font-size: 38px;
margin-bottom: 12px;
}
.title p {
color: var(--dark);
font-size: 14px;
}
.footer_top ul {
gap: 25px;
flex-wrap: wrap;
}
.footer_top ul li:first-child p {
max-width: 490px;
font-size: 16px;
}
.footer_top ul li p,
.footer_top ul li a {
font-size: 16px;
}
footer .footer_top {
padding: 0px 0px 30px;
}
footer .footer_logo {
margin-bottom: 30px;
}
footer .garlic-img {
bottom: 20px;
left: 12px;
width: 12%;
}
footer .tomato-img {
width: 6%;
}
footer .footer_middle {
padding: 20px 0px;
}
footer .footer_middle ul {
gap: 40px;
}
.footer_middle ul li {
font-size: 15px;
}
.footer_middle ul li:before {
right: -20px;
}
footer .footer_bottom {
padding: 20px 0px;
}
.footer_bottom p {
font-size: 14px;
}
html header .main-header .logo a {
max-width: 75px;
}
header .main-header {
padding: 15px 25px;
}
html.sticky header .main-header .logo a {
max-width: 65px;
}
html.sticky header .main-header {
padding: 12px 25px;
}
.cnt_detail_sec .title {
margin-bottom: 25px;
}
.cnt_detail_sec ul.cnt_info li {
margin-bottom: 20px;
}
.cnt_detail_sec ul.cnt_info li .icon {
height: 40px;
min-width: 40px;
}
.cnt_detail_sec ul.cnt_info li .icon svg {
width: 20px;
}
.cnt_detail_sec ul.cnt_info li p,
.cnt_detail_sec ul.cnt_info li a {
font-size: 15px;
}
.cnt_detail_sec ul.cnt_info li:last-child {
margin-bottom: 25px;
}
.cnt_detail_sec .image {
padding-right: 20px;
}
.cnt_info_wrap ul.social_media a {
height: 44px;
width: 44px;
}
.inner_banner_sec h3 {
font-size: 42px;
margin-bottom: 0;
}
.event_bx {
padding: 8px;
border-radius: 10px;
}
.event_bx .image {
height: 160px;
border-radius: 6px;
}
.event_bx .cntnt {
margin-top: 12px;
}
.event_bx .cntnt a {
font-size: 18px;
margin-bottom: 6px;
}
.event_bx .cntnt p {
font-size: 13px;
line-height: 140%;
}
.event_bx .date {
padding: 0px 10px;
font-size: 10px;
margin: 15px;
}
#gallery {
column-width: 210px;
gap: 16px;
}
#gallery li {
margin-bottom: 0;
}
#gallery .caption {
padding: 18px;
font-size: 22px;
}
.aboutus_sec .image_wrpr {
width: 485px;
min-height: 390px;
}
section.aboutus_sec:before {
height: 450px;
}
.milan_italy_logo {
height: 90px;
width: 90px;
margin: 20px auto 40px;
}
.theart_content h2 {
font-size: 36px;
margin-bottom: 14px;
}
.theart_content {
max-width: 100%;
width: 520px;
}
.theart_content p {
font-size: 14px;
}
.theart_content h5 {
margin: 20px 0 12px;
}
section.aboutus_sec {
padding-bottom: 260px;
overflow: hidden;
margin-top: -1px;
}
}
@media (max-width:767px) {
.about_hero_sec .container {
width: auto;
padding: 0 20px;
}
.nav-icon {
top: 20px;
right: 20px;
}
header .main-header .logo {
max-width: 80px;
}
section {
padding: 60px 0px;
}
.slide-title {
font-size: 48px;
}
.sub-title {
font-size: 14px;
}
.side-menu {
width: calc(100% - 60px);
}
.icon-bar {
right: 20px;
bottom: 20px;
}
.icon-bar ul {
gap: 7px;
}
.icon-bar li a img {
max-width: 40px;
background-color: var(--primary);
border-radius: 50%;
}
.icon-bar li.toggle {
width: 40px;
height: 40px;
}
.tooltip {
right: 50px;
font-size: 12px;
}
.social-links li a {
width: 40px;
height: 40px;
}
.social-links li a svg {
width: 20px;
height: 20px;
}
.showSubmenu svg {
width: 25px;
height: 25px;
}
footer .footer_middle ul {
gap: 6px 30px;
flex-wrap: wrap;
}
html .container {
padding: 0 20px;
}
.footer_middle ul li:before {
right: -15px;
height: 4px;
width: 4px;
}
.footer_middle ul li {
font-size: 14px;
}
footer .footer_bottom {
padding: 14px 0px;
}
.footer_bottom p {
font-size: 13px;
line-height: 160%;
}
footer .footer_middle {
padding: 15px 0px;
}
footer .footer_top {
padding: 0px 0px 20px;
}
.footer_top ul li:first-child p {
max-width: 100%;
font-size: 14px;
}
.footer_top ul {
gap: 10px;
flex-wrap: wrap;
justify-content: start;
}
.footer_top ul li .icon {
height: 40px;
min-width: 40px;
}
.footer_top ul li .icon img {
width: 18px;
}
.footer_top ul li {
gap: 10px;
}
.footer_top ul li p,
.footer_top ul li a {
font-size: 15px;
}
footer .footer_logo {
margin-bottom: 25px;
}
footer .footer_logo img {
width: 110px;
}
body.menu-active .nav-close {
top: 32px;
right: 26px;
}
html.sticky body.menu-active .nav-close {
top: 24px;
right: 25px;
}
.inner_banner_sec img {
bottom: -30px;
right: 20px;
width: 60px;
}
.title h3 {
font-size: 32px;
margin-bottom: 14px;
}
.inner_banner_sec h3 {
font-size: 34px;
margin: 0;
}
.section.galerry_sec .container,
section.event_sec .container {
padding: 0 20px;
}
.inner_banner_sec {
padding-top: 110px;
padding-bottom: 50px;
}
.connect_sec img.garlic-img {
top: 190px;
width: 60px;
}
.connect_sec img.leave-img {
right: 0px;
bottom: 10px;
width: 100px;
}
.contact_form_wrap form {
padding: 50px 20px;
}
.connect_sec img.garlic-img {
top: 190px;
width: 40px;
}
html .btn {
font-size: 15px;
line-height: 46px;
}
.cnt_detail_sec .image {
padding-right: 0;
padding-bottom: 35px;
}
.cnt_detail_sec .title {
margin-bottom: 25px;
text-align: center;
}
.cnt_detail_sec .title h3 {
font-size: 34px;
margin-bottom: 10px;
}
.cnt_detail_sec {
background-size: 20%;
}
.cnt_detail_sec ul.cnt_info li p,
.cnt_detail_sec ul.cnt_info li a {
font-size: 14px;
}
.cnt_info_wrap ul.social_media {
justify-content: center;
}
.cnt_info_wrap ul.social_media a {
height: 40px;
width: 40px;
}
header .main-header {
padding: 14px 20px;
}
html header .main-header .logo a {
max-width: 70px;
}
html.sticky header .main-header {
padding: 10px 20px;
}
html.sticky header .main-header .logo a {
max-width: 60px;
}
.event-carousel .owl-nav button {
height: 25px;
width: 25px;
left: 12px;
}
.event-carousel .owl-nav button.owl-next {
left: auto;
right: 12px;
}
section.galerry_sec .container,
section.event_sec .container {
padding: 0 20px;
}
#gallery {
column-width: 150px;
gap: 14px;
grid-template-columns:auto auto;
}
#gallery .caption {
padding: 14px;
font-size: 16px;
}
#gallery li {
margin-bottom: 0;
}
.about_hero_sec {
padding-top: 100px;
}
.aboutus_sec .image_wrpr img {
width: 120px;
min-width: 120px;
}
.aboutus_sec .image_wrpr {
/* width: 100%; */
/* min-height: 210px; */
width: 335px;
min-height: 175px;
}
.aboutus_sec .image_wrpr img.image1 {
left: 10px;
}
.aboutus_sec .image_wrpr img.image2 {
/* top: 90px; */
top: 110px;
left: 50px;
}
.aboutus_sec .image_wrpr img.image4 {
right: 74px;
top: 38px;
left: auto;
}
.aboutus_sec .image_wrpr img.image3 {
top: 8px;
left: 135px;
z-index: 2;
}
.aboutus_sec .image_wrpr img.image5 {
top: 87px;
right: 0px;
left: auto;
z-index: 3;
}
section.aboutus_sec:before {
height: 270px;
}
.theart_content p {
font-size: 13px;
}
.theart_content h5 {
margin: 14px 0 10px;
}
.theart_content h2 {
font-size: 28px;
margin-bottom: 14px;
}
.milan_italy_logo {
height: 90px;
width: 90px;
margin: 20px auto 20px;
}
section.aboutus_sec {
padding-bottom: 50px;
}
}