.auliettalite-primary{overflow: hidden;} .main-contaier{ padding: 70px 0; } .no-padding .main-contaier{ padding-top: 0; } .banner-page{ position: relative; } .bg-banner-image{ padding: 230px 0 100px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .bg-banner-image:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); } .banner-page .inner-banner{ text-align: center; position: relative; color: var(--color-headding); z-index: 2; width: 100%; padding-top: 70px; } .banner-page .bg-banner-image + .inner-banner{ position: absolute; top: 50%; transform: translateY(-50%); color: #fff; padding-top: 0; } .banner-page .entry-title{ font-size: 55px; color: inherit; margin-bottom: 0; font-family: var(--font-headding-second); font-weight: 500; font-style: italic; } .auliettalite-pagination{margin-top: 40px;} .auliettalite-pagination .pagination{ justify-content: center; } .auliettalite-pagination .page-numbers{ width: 40px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; display: inline-block; background: #f3f3f3; margin: 0 5px; color: var(--color-headding); } .auliettalite-pagination .page-numbers.current, .auliettalite-pagination .page-numbers:hover{ color: #fff; background: var(--accent-color); } /*------------------- HEADER -------------------*/ .header{ position: relative; z-index: 20; width: 100%; transition: all 0.5s; border-bottom: 1px solid #eee; } .header-fade{ position: fixed; background: #fff; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; animation-duration: 1s; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .header.header-fade .header-main{ color: var(--color-headding); } .header-fade .logo-img img{ max-width: 200px; } .header-wrapper{ padding: 15px 30px; transition: all 0.5s; position: relative; } .header-fade .header-wrapper{ padding-top: 10px; padding-bottom: 10px; } .header-main{ display: flex; justify-content: space-between; align-items: center; color: var(--color-headding); } .header-main a{color: inherit;} .header-main a:hover, .header-main a:focus{color: var(--accent-color);} .auliettalite-main-menu li:hover > a, .auliettalite-main-menu li:hover > .wrap-linkmenu > a, .auliettalite-main-menu li:hover > .wrap-linkmenu .icon-dropdown{ color: var(--accent-color); } .auliettalite-main-menu li.menu-hightlight > a{color: red} .header-main .header-left, .header-main .header-right{ position: relative; width: 180px; display: flex; } .header-main .header-right{ justify-content: flex-end; align-items: center; } .auliettalite-logo{ position: absolute; left: 0; top: 50%; right: 0; justify-content: center; display: flex; align-items: center; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .inner-logo{ display: inline-block; text-align: center; } .inner-logo .tag-line{ display: block; opacity: 0.7; } .logo-img img{ max-width: 220px; transition: all 0.5s; } .site-title{ font-family: var(--font-headding-second); font-weight: 500; font-style: italic; font-size: 55px; margin-bottom: 0; line-height: 0.9em; color: inherit; } .header-social{white-space: nowrap;} .header-social a{ padding: 0 5px; font-size: 14px; } /*Main Menu*/ .auliettalite-main-menu{ padding: 0; font-family: var(--font-headding); color: inherit; } .auliettalite-main-menu li{position: relative;} div.auliettalite-main-menu > ul > li, ul.auliettalite-main-menu > li{ display: inline-block; margin: 0 10px; } div.auliettalite-main-menu > ul > li > a, ul.auliettalite-main-menu > li > a, div.auliettalite-main-menu > ul > li > .wrap-linkmenu > a, ul.auliettalite-main-menu > li > .wrap-linkmenu > a{ padding: 20px 0; transition: all 0.5s; } .auliettalite-main-menu .icon-dropdown{ margin-left: 8px; cursor: pointer; } .auliettalite-main-menu .sub-menu .icon-dropdown{ padding-left: 20px; } .auliettalite-main-menu .wrap-linkmenu{ display: flex; justify-content: space-between; align-items: center; } .auliettalite-main-menu .sub-menu{ position: absolute; top: 100%; left: 0; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1); box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 0; min-width: 200px; z-index: 50; text-align: left; border-top: 2px solid var(--accent-color); opacity: 0; visibility: hidden; height: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; list-style: none; } .auliettalite-main-menu li:focus-within > .sub-menu, .auliettalite-main-menu li:hover > .sub-menu, .auliettalite-main-menu .show-submenu > .sub-menu, .auliettalite-main-menu li:focus-within > .children, .auliettalite-main-menu li:hover > .children, .auliettalite-main-menu .show-submenu > .children{ visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); height: auto; opacity: 1; } .auliettalite-main-menu li:focus-within > .wrap-linkmenu > .icon-dropdown{ color: var(--accent-color) } .auliettalite-main-menu .sub-menu .sub-menu{ top: 0; left: 100%; margin-top: -2px; } .auliettalite-main-menu .sub-menu > li{ padding: 5px 15px; border-bottom: 1px solid #eee; white-space: nowrap; } .auliettalite-main-menu .sub-menu > li:last-child{ border-bottom: none; } /*Header Search*/ .touch-search{cursor: pointer;} .search-header .seach-box{ display: flex; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; align-items: center; background: rgba(0,0,0,0.6); justify-content: center; opacity: 0; visibility: hidden; transition: all 0.5s; } .search-header.show-search .seach-box{ opacity: 1; visibility: visible; } .search-inner{ display: flex; width: 400px; flex-direction: column; max-width: 85%; } .search-inner .btn-close{ margin-left: auto; font-size: 22px; cursor: pointer; } .searchform{display: flex;} .searchform .button-search{ border-radius: 0; } .searchform input[type="text"]{ border-radius: 0; } /*Newsletter*/ .auliettalite-newsletter label{ margin-bottom: 15px; } .auliettalite-newsletter input[type="text"], .auliettalite-newsletter input[type="email"]{ background: transparent; margin-bottom: 20px; color: inherit; } .auliettalite-newsletter input:-webkit-autofill, .auliettalite-newsletter input:-webkit-autofill:hover, .auliettalite-newsletter input:-webkit-autofill:focus, .auliettalite-newsletter input:-webkit-autofill:active { -webkit-text-fill-color: #fff; } /* Contact Form */ .wpcf7 .wpcf7-form-control-wrap{ display: inline-block; margin-bottom: 30px; width: 100%; } /*----------------------- BLOG -----------------------*/ .post-title a:hover{ color: var(--accent-color); } .post-entryformat{ position: relative; margin-bottom: 20px; } .wrap-post-date{ display: flex; align-items: center; border-radius: 50%; text-transform: uppercase; justify-content: center; font-weight: var(--font-weight-headding); background: #fff; font-family: var(--font-headding); color: var(--color-headding); flex-direction: column; line-height: normal; flex: 0 0 76px; width: 76px; height: 76px; text-align: center; } .blog-grid .wrap-post-date, .blog-list .wrap-post-date{ margin: 0 auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .blog-grid .has-post-thumbnail .wrap-post-date, .blog-list .has-post-thumbnail .wrap-post-date{ position: absolute; left: 30px; top: 30px; } .blog-standard .wrap-post-date{ background: var(--accent-color); color: #fff; margin-right: 25px; } .wrap-post-date span.date{font-size: 20px;} .wrap-post-date span.month{font-size: 14px;} .wrap-post-date span.date:after{ content: ""; height: 1px; width: 44px; display: block; background-color: #c8c8c8; margin: 3px 0; } .blog-standard .wrap-post-date span.date:after{ background: #fff; } .blog-standard .header-post{ display: flex; align-items: center; margin-bottom: 25px; } .blog-standard .post-cats{margin-bottom: 5px;} .blog-standard .item-post .post-title{ margin-bottom: 0; font-size: 28px; } .blog-list .post-inner{ display: flex; } .blog-list .has-post-thumbnail .post-inner{ align-items: center; } .blog-list .post-inner .post-entryformat{ margin-right: 25px; margin-bottom: 0; } .blog-list .has-post-thumbnail .post-inner .post-entryformat{ flex: 0 0 400px; } .blog-list .item-post .post-content{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .no-sidebar .blog-list .item-post .post-content{ -webkit-line-clamp: 5; } .blog-list .post-format, .blog-grid .post-format{position: relative;} .blog-list .post-format a img, .blog-grid .post-format a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .blog-list .post-format a:after, .blog-grid .post-format a:after{ content: ""; padding-top: 90%; width: 100%; display: block; } .blog-list .post-format a:after{ padding-top: 85%; } .post-cats{ text-transform: uppercase; font-family: var(--font-headding); font-size: 12px; letter-spacing: 2px; color: var(--accent-color); margin-bottom: 10px; font-weight: var(--font-weight-headding); } .post-title a{color: inherit;} .item-post .post-title{ font-size: 24px; font-family: inherit; letter-spacing: 0; text-transform: capitalize; } .post-link{ padding: 10px 15px; line-height: normal; background: var(--accent-color); border: 1px solid var(--accent-color); color: #fff; border-radius: 3px; display: inline-block; margin-top: 30px; } .post-link:hover, .post-link:focus{ opacity: 0.8; color: #fff; } .blog-grid .item-post{ text-align: center; } /*Single Post*/ .auliettalite-post-single .single-header{ text-align: center; margin: 0 auto 30px; max-width: 80%; } .auliettalite-post-single .post-format{ position: relative; margin-bottom: 30px; } .single-header .post-cats{margin-bottom: 5px;} .auliettalite-post-single .post-meta{ display: flex; justify-content: center; } .post-single .post-title{ margin-bottom: 5px; } .post-meta > div{ display: inline-block; color: var(--color-headding); } .post-meta > div span{color: #c8c8c8} .post-meta > div:after{ content: ""; width: 30px; height: 1px; display: inline-block; background: #c8c8c8; transform: rotate(315deg) translate(0px, -5px); } .post-meta > div:last-child:after{ display: none; } .post-footer{ display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .share-buttons a{margin-left: 10px; font-size: 14px;} .post-footer .title, .post-footer .share-title{ text-transform: uppercase; font-size: 14px; color: var(--color-headding); font-family: var(--font-headding); font-weight: var(--font-weight-headding); } .wrap-share{display: flex;align-items: center;} .auliettalite-post-related{margin-top: 50px;} .comment-respond{margin-top: 50px;} /* Comment List */ .comment-list{ padding: 0; list-style: none; } .comment-list ol.children{ list-style: none; } .comment-list .comment-body{ display: flex; margin-bottom: 30px; } .comment-body .comment-author{ flex: 0 0 90px; margin-right: 25px; } .comment-body .comment-author img{ border-radius: 50%; } .comment-content .author-name{ display: inline-block; text-transform: capitalize; } .comment-content .author-name a{ color: var(--color-headding); } .comment-content .date-comment{ display: inline-block; margin-left: 12px; font-style: italic; font-size: 14px; } .comment-content .date-comment a{ color: inherit; } .comment-text p:after{ margin-bottom: 0; } .header-comment-body{ display: flex; } .header-comment-body .reply{ margin-left: auto; } .comments-area{margin-top: 50px;} .comment-form input[type="text"], .comment-form textarea{ margin-bottom: 30px; } /*Post Relate */ .item-relate .wrap-post-date{ width: 65px; height: 65px; position: absolute; left: 30px; top: 30px; } .item-relate .wrap-post-date span.date{font-size: 16px;} .item-relate .wrap-post-date span.month{font-size: 12px;} .item-relate .post-format{position: relative;} .item-relate .post-format img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .item-relate .post-format:after{ content: ""; display: block; width: 100%; padding-top: 90%; } .item-relate .post-title{ font-size: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .item-relate .post-info{text-align: center;} .post-related-title, .comment-reply-title, .comments-title{ background: rgba(var(--accent-color-rgb), 0.2); padding: 10px; text-align: center; margin-bottom: 30px; font-size: 20px; } .comment-reply-title small{margin-left: 15px;} /*----------------------- SIDEBAR -------------------------*/ .sidebar .widget{margin-bottom: 50px;} .sidebar .widget-title, .widget_block .wp-block-group__inner-container > h2, .widget-title, .widget_search .wp-block-search__label{ background: rgba(var(--accent-color-rgb), 0.2); padding: 10px; text-align: center; font-size: 18px; letter-spacing: 1px; margin-bottom: 35px; } .widget_search .wp-block-search__label{ font-family: var(--font-headding); color: var(--color-headding); font-weight: var(--font-weight-headding); line-height: 1.3; } .sidebar .widget_instagram-feed-widget .widget-title{margin-bottom: 20px;} .widget ul{padding: 0} .widget ul ul,.widget ol ol{padding-left: 20px} .widget ul li{ list-style: none; } .widget_recent_entries li a, .widget_archive li a,.widget_recent_comments li a, .widget_categories li a, .widget_meta li a, .widget_pages li a, .widget_nav_menu li a{ color: var(--color-headding); display: inline-block; } .widget_recent_entries li a:hover, .widget_archive li a:hover,.widget_nav_menu li a:hover, .widget_categories li a:hover, .widget_meta li a:hover, .widget_pages li a:hover, .widget_recent_comments li a:hover{ color: var(--accent-color); } .widget_recent_entries li, .widget_archive li, .widget_categories li, .widget_meta li, .widget_pages li, .widget_nav_menu li, .widget_recent_comments li{ line-height: 40px; border-bottom: 1px solid var(--color-secondary); } .widget_recent_entries li:last-child, .widget_archive li:last-child, .widget_categories li:last-child, .widget_meta li:last-child, .widget_pages li:last-child, .widget_nav_menu li:last-child,.widget_recent_comments li:last-child{ border-bottom: none; } .widget_rss li{margin-bottom: 20px;} .widget_rss li cite:before{ content: ""; width: 20px; height: 1px; background: #999; display: inline-block; margin-right: 5px; } .widget_rss li .rsswidget{display: block;} /*Popular Posts*/ .list-popular-post .post{margin-bottom: 40px;} .list-popular-post .post-content { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); max-width: 80%; margin: -40px auto 0; position: relative; padding: 10px 20px; text-align: center; } .list-popular-post .post-title{ font-size: 20px; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .list-popular-post .post-view{ font-style: italic; font-size: 14px; } /* Newsletter */ .sidebar .auliettalite-newsletter{ text-align: center; } .sidebar .auliettalite-newsletter input[type="text"], .sidebar .auliettalite-newsletter input[type="email"]{ background: #fff; } /*Tag Cloud */ .tagcloud a{ border-radius: 3px; color: inherit; border: 1px solid #ccc; padding: 3px 15px; font-size: inherit!important; margin: 0 5px 5px 0; display: inline-block; } .tagcloud a:hover{ background: var(--accent-color); border-color: var(--accent-color); color: #fff; } /*------------------------ FOOTER ------------------------*/ .main-footer{ background: #111; color: #999; } .main-footer{ padding: 20px 0; } .footer-copyright{ text-align: center; } .footer-copyright a{ text-decoration: underline; } .footer-copyright a:hover{ color: #fff; } .backtotop{ position: fixed; bottom: 10px; right: 10px; width: 45px; height: 45px; line-height: 45px; text-align: center; background: var(--accent-color); color: #fff; display: none; transition: all 0.5s; border-radius: 3px; } .backtotop:hover, .backtotop:focus{ color: #fff; opacity: 0.8; } .auliettalite-menu-footer{ text-align: center; margin-bottom: 0px; } .menu-footer{padding: 0;} .menu-footer li{ display: inline-block; line-height: normal; } .menu-footer li:after{ content: "|"; margin: 0 10px; } .menu-footer li:last-child:after{ display: none; } .menu-footer li a{ color: inherit; } .menu-footer li a:hover{ color: #fff; } .sbi_no_avatar .sbi_header_img{ background: transparent; color: var(--color-headding); } .sbi_no_avatar .sbi_header_hashtag_icon{ color: var(--color-headding); } .ins-footer .sb_instagram_header{ display: flex; justify-content: center; background: #f5f5f5; margin-bottom: 0!important; } .ins-footer #sb_instagram .sb_instagram_header h3{ text-transform: uppercase; letter-spacing: 2px; } .ins-footer #sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio, #sb_instagram .sb_instagram_header .sbi_header_text h3{ margin-left: 45px!important; } /*----------------------- RESPONSIVE --------------------------*/ .menu-toggle{ margin-left: 10px; position: relative; } .menu-toggle span{ display: block; width: 20px; height: 2px; background: var(--color-headding); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .menu-touch:focus .menu-toggle span{ background: var(--accent-color) } .menu-toggle span:nth-child(2){margin: 4px 0;} .menu-touch.active .menu-toggle{ position: relative; width: 22px; height: 22px; } .menu-touch.active .menu-toggle span:nth-child(2){display: none;} .menu-touch.active .menu-toggle span:first-child, .menu-touch.active .menu-toggle span:last-child{ left: 3px; position: absolute; transform-origin: center left; transition: all 0.2s ease-in; margin: 0; } .menu-touch.active .menu-toggle span:first-child{ top: 3px; transform: rotate(45deg); } .menu-touch.active .menu-toggle span:last-child{ bottom: 3px; transform: rotate(-45deg); } .btn-close{ width: 36px; height: 36px; background: transparent; padding: 0; text-indent: -9999px; border: none; z-index: 20; position: relative; } .btn-close:after, .btn-close:before{ content: ""; background-color: var(--color-headding); display: block; height: 1px; left: 3px; position: absolute; transform-origin: center left; transition: all 0.2s ease-in; width: 42.42px; } .btn-close:before{ top: 3px; transform: rotate(45deg); } .btn-close:after{ bottom: 3px; transform: rotate(-45deg); } .header-mainmenu .btn-close{ position: absolute; right: 20px; top: 20px; } .search-header .btn-close:after, .search-header .btn-close:before{ background-color: #fff; } @media(max-width: 1199.98px){ .auliettalite-main-menu, .touch-search{font-size: 14px;} .header-main .header-social a{ padding: 0 4px; font-size: 12px; } .header-main .header-mainmenu a, .header-main .header-right a{font-size: 14px;} .header-wrapper{padding: 15px 20px;} } @media (min-width: 992px) and (max-width: 1199.98px){ .logo-img img{max-width: 160px;} .header-fade .logo-img img{max-width: 140px;} div.auliettalite-main-menu > ul > li, ul.auliettalite-main-menu > li{margin: 0 5px;} .header-main .header-left, .header-main .header-right{width: 135px;} .auliettalite-main-menu .icon-dropdown{margin-left: 5px;} .header-wrapper{padding: 15px} .auliettalite-blogs .item-post{margin-bottom: 50px;} .blog-list .post-format a:after{padding-top: 100%;} .blog-list .post-inner .post-entryformat{flex: 0 0 315px;} .item-relate .wrap-post-date{left: 15px; top: 15px;} } @media(max-width: 991.98px){ .header-mainmenu{ display: flex; justify-content: flex-end; order: 2; } .header-main .header-right{width: auto; margin-left: auto} .auliettalite-cats-image{margin: 0 -0.8rem;} .auliettalite-cats-image .item-cat{padding: 0 0.8rem;} .auliettalite-block-about .block-ab-text{ padding: 25px 115px 25px 20px; } .auliettalite-block-about h2{font-size: 36px; line-height: 1em; margin-bottom: 15px;} .auliettalite-block-about .ab-link{margin-top: 10px;} .auliettalite-block-about .ab-img:after{padding-top: 145%;} .heading-subtitle{font-size: 14px;} .heading-title{font-size: 40px;} .auliettalite-clients .client-title{font-size: 36px;} .auliettalite-clients .item-client .client-image{padding-right: 45px;} .auliettalite-clients .quote-text{font-size: 14px;} .auliettalite-clients .item-client .client-info{padding: 18px 0;} .auliettalite-blogs .item-post{margin-top: 50px;} .sidebar{margin-top: 50px;} div.auliettalite-main-menu > ul > li, ul.auliettalite-main-menu > li{display: block;} .header-mainmenu .auliettalite-main-nav{ display: none; position: absolute; background: #fff; left: 0; top: 100%; color: var(--color-headding); width: 100%; z-index: 5; margin-top: 1px; } .body-overlay{ position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.5s; z-index: -1; } div.auliettalite-main-menu > ul > li, ul.auliettalite-main-menu > li{ margin: 0 10px!important; } .header-mainmenu .auliettalite-main-nav{ padding: 20px 0; } div.auliettalite-main-menu > ul > li > a, ul.auliettalite-main-menu > li > a, div.auliettalite-main-menu > ul > li > .wrap-linkmenu > a, ul.auliettalite-main-menu > li > .wrap-linkmenu > a{ padding: 5px 0; display: inline-block; } .auliettalite-main-menu .sub-menu{ box-shadow: none; position: relative; border: none; padding-left: 20px; } .auliettalite-main-menu .sub-menu > li{ border-bottom: none; padding-left: 0; padding-right: 0; } .auliettalite-main-menu .sub-menu .sub-menu{left: 0;} .bl-item-info{display: block;} .auliettalite-main-menu .icon-dropdown{width: 30px;text-align: right;} } @media (min-width: 768px) and (max-width: 991.98px){ .blog-list .post-inner .post-entryformat{flex: 0 0 350px;} .blog-list .item-post .post-content{-webkit-line-clamp: 3} #sb_instagram.sbi_col_6 #sbi_images .sbi_item{ width: 33.3333%; } } @media(max-width: 767.98px){ .header-main .header-left{display: none;} .auliettalite-logo{ position: relative; top: 0; transform: translateY(0); } .logo-img img{max-width: 175px;} .header-main .header-left, .header-main .header-right{width: auto;} .auliettalite-cats-image.number-cat-3 .item-cat, .auliettalite-cats-image.number-cat-5 .item-cat, .auliettalite-cats-image.number-cat-6 .item-cat{ flex: 0 0 100%; } .auliettalite-block-about{flex-direction: column;} .auliettalite-block-about .block-ab-text{ flex: 0 0 100%; padding: 90px 40px 50px 40px; margin-top: -70px; } .auliettalite-block-about .ab-img.ab-img1{ transform: translate(0%, 0%); } .auliettalite-block-about .ab-img.ab-img2{ position: relative; top: 0; } .auliettalite-block-about .block-ab-image{width: 85%; order: 0;} .header-fade{top: 0;} .auliettalite-clients .item-client{flex-direction: column;} .auliettalite-clients .item-client .client-image{margin-bottom: 50px; padding-right: 0;} .auliettalite-clients .client-title{width: 100%; right: 0; text-align: center; position: relative;} .blog-standard .wrap-post-date{margin-right: 20px;} .blog-standard .item-post .post-title{font-size: 24px;} .blog-list .post-inner{flex-direction: column;align-items: inherit;} .blog-list .post-inner .post-entryformat{margin-right: 0;margin-bottom: 30px;flex: 0 0 auto;} .post-single .post-title{font-size: 26px;} } @media (min-width: 576px) and (max-width: 767.98px){ #sb_instagram.sbi_col_6 #sbi_images .sbi_item{ width: 33.3333%; } #sb_instagram.sbi_col_4 #sbi_images .sbi_item{ width: 50%; } } @media (max-width: 575.98px){ .auliettalite-post-single .single-header{max-width: 100%;} .heading-subtitle{font-size: 12px;} .heading-title{font-size: 30px;} }