@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One-child
Theme URI: https://wordpress.org/themes/twentytwentyone-child/
Author: the WordPress team
Author URI: https://smallboxcompany.com/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.4
Requires PHP: 5.6
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone-child
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One-child WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One-child is distributed under the terms of the GNU GPL.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {
    scroll-behavior: smooth;
}
body{
    margin: 0;
    font-family: "Inter", sans-serif;
    scroll-behavior: smooth;
    background-color: #fefefe;
}


@font-face {
    font-family: 'Acrom Bold';
    src: url('https://smallboxcompany.com/wp-content/themes/twentytwentyone-child/assets/fonts/Acrom/Acrom-Bold.ttf') format("truetype");
}
/* body {
    font-family: 'Acrom-Regular';
} */


h1, h2, h3, h4, a, p, .elementor-widget-text-editor, textarea, input, .elementor-icon-list-text, 
.elementor-counter-title, .elementor-counter-number, .elementor-counter-number-suffix, .elementor-tab-content p {
    font-family: "Inter", sans-serif !important;
}
ul, li {
    margin: 0 !important;
    padding: 0 !important;
}
.pagesize {
    width: 1200px;
    margin: 0 auto;
}
.pgSize{
    width: 1100px;
    margin: 0 auto;
}

input, select, textarea {
    width: -webkit-fill-available;
    border: 1px solid var(--input-border);
    background-color: #fff;
    outline: none;
    padding: 14px 15px;
    border-radius: 6px;
    color: #0A0C10;
    font-size: 14px;
}
textarea {
    height: 100px;
    resize: vertical;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/10/select-icon.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 14px center;
    color: #A3A3A3 !important;
}
.mainHeight {
	height:520px;
}
.formbtn input {
    width: auto;
    background-color: var(--primary-color);
    color: #fff !important;
    font-weight: 600;
    border: 1.5px solid var(--primary-color);
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px !important;
    padding: 11px 27px;
    transition: .4s;
}
.formbtn input:hover {
    background-color: #FFFFFF;
    border: 1.5px solid var(--buttob-border-color);
    color: var(--primary-color) !important;
    transition: .4s;
}

::placeholder {
    color: #A3A3A3;
    font-size: 14px;
}
.wpcf7-not-valid-tip {
    font-size: 12px;
}
/* Variables */
:root {
	--primary-color:#36B37E;
	--border-color:#DFDFDF;
    --input-border:#DFDFDF;
    --form-BKG-color:#D5FFEC;
    --sideBar-active-color:#AC8859;
    --product-BKG-color:#FFF9F2;
    --buttob-border-color:#DFDFDF;
}
/* Variables */

/* Header Style */
.logoMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mainLogo {
    margin-right: 40px;
    flex: 0 0 20%;
}
.mainLogo img {
    width: 150px;
}
.mainSearch {
    flex: 0 0 77%;
}
.headerMain {
	padding-top: 20px;
}
.headerMain ul li {
	display: inline-block;
	/* padding-right: 40px !important; */
}
.headerMain ul li a {
	text-decoration: none;
	color: #a47c4f !important;
    font-size: 16px !important;
	font-weight: 500 !important;
}
.headerWrap {
	border-bottom: 1.5px solid var(--border-color);
	padding: 20px 0;
}
.siteHead h1.elementor-heading-title {
    font-family: 'Acrom Bold' !important;
    font-style: normal;
}
.mega-menu-item a {
    font-size: 14px !important;
}

#mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item > a.mega-menu-link {
    color: #0E1828 !important;
    line-height:inherit !important;
    height:inherit !important;
    padding-right: 40px !important;
}
#mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, 
#mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item > a.mega-menu-link:focus, 
#mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{
    background: inherit;
    filter:inherit;
    color: inherit;
    font-weight:inherit;
    text-decoration: none;
    border-color: inherit;
}

.mega-toggle-on .mega-menu-item a {
    padding: 12px 10px 12px 50px !important;
    font-size: 14px !important;
}
.mega-toggle-on .mega-menu-item a:hover{
    background-color: inherit !important;
    color: #7B5325 !important;
}
ul.mega-sub-menu {
    background-color: #FFF9F2 !important;
    border-radius: 6px !important; 
}
#mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
    top: 48px !important;
}
.mega-menu-row {
    padding-right:0px !important;
}
.mega-menu-item-type-taxonomy{
    padding-right: 0px !important;
}
#mega-menu-wrap-header-navigation #mega-menu-header-navigation li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
    content: "" !important;
    font-family: inherit !important;
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/11/menu_down.svg);
    background-repeat: no-repeat !important;
    background-position: center right;
    background-size: 14px !important;
    width: 13px !important;
    height: 13px !important;
    vertical-align: middle !important;
}
img.iclass {
    margin-right: 10px;
    width: 25px;
    position: absolute;
    left: 14px;
    top: 8px;
    aspect-ratio: 1 / 1;
}

.stickyHeader {
    -webkit-box-shadow: 3px 3px 5px 0 #cccccc6b !important;
    -moz-box-shadow: 3px 3px 5px 0 #cccccc6b !important;
    box-shadow: 3px 3px 5px 0 #cccccc6b !important;
    background-color: #fff !important;
    position: fixed;
    width: 100% !important;
    z-index: 30 !important;
    top: 0 !important;
    animation: slide-in 500ms ease-out;
}
.headerWrap.stickyHeader .logoMain {
	display:none;
}
.headerWrap.stickyHeader .headerMain {
	padding-top:0 !important;
}
@keyframes slide-in {
    from {
        transform: translateY(-100%)
    }
}
/* Header Style */


/* Footer Style */

.footerMenu ul li {
    list-style: none;
    font-size: 16px;
    padding-bottom: 15px !important;
}
.footerMenu ul li a {
    text-decoration: none;
    color: #1E1E1E;
}
.footerMenu ul li a:hover {
    color: var(--primary-color) !important;
    text-decoration: underline;
    transition: .4s;
}
.footerMenu h2 {
    font-size: 25px;
    color: #0E1828;
    margin: 0;
    font-weight: 600;
    padding-bottom: 15px;
}
.ftHead {
    font-size: 26px !important;
}
.footerWrap {
    display: flex;
}
.footerMenu {
    flex: 0 0 17%;
}
.menuFirst {
    flex: 0 0 34%;
    margin-right: 100px;
}
.payMent {
    color: #1E1E1E !important;
    font-size: 25px !important;
    padding-top: 35px;
}
.paymentParah {
    font-size: 13px;
    margin: 0;
}
.menuFirst img {
    width: 200px;
    padding-top: 25px;
}
.footerMain {
    background-color: #F8F8F8;
    padding: 60px 0px 20px;
}
.copyRights {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0 0px;
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/10/LineIMg.svg);
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 30px;
}
.CRright p {
    margin: 0;
}
.CRleft p {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
}
.CRleft a{
    color: #1E1E1E;
    text-decoration: none;
}
.CRright ul li {
    display: inline-block;
}
.facebook_icon a, .youtube_icon a, .pinterest_icon a, .instagram_icon a {
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/10/facebook-icon.svg) !important;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-size: 37px;
    background-repeat: no-repeat;
    background-position: center;
}
.youtube_icon a {
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2025/02/youtubes-icon.svg) !important;
}
.pinterest_icon a {
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2025/02/pintrests-icons.svg) !important;
}
.instagram_icon a {
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/10/instagram-icon.svg) !important;
}
.menu-social-media-links-container {
    display: inline-block;
    vertical-align: text-bottom;
}



.email_icon a, .call_icon a, .pin_icon a {
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/11/email-icon.png) !important;
    display: inline-block;
    width: auto;
    height: 35px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 34px;
}
.call_icon a {
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/11/call-icon.png) !important;
}
.pin_icon a {
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/11/location-icon.png) !important;
}
.current-menu-item a {
	color: var(--primary-color) !important;
    text-decoration: underline !important;
}
/* Footer End */
.boxHomehead {
    font-size: 50px;
    color: var(--primary-color);
}

.taxonomiWrap h2 a, .home .productsInners h2 a {
    font-size: 17px;
    color: #1E1E1E;
    font-weight: 500;
}
.taxonomiWrap h2, .home .productsInners h2  {
   margin: 0;
   margin-top: 5px;
}
.taxonomiesImg a img, .home .productsInners a img {
    border-radius: 10px;
    aspect-ratio: 1/1;
    border: 1px solid var(--input-border);
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    margin: 70px auto;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    width: 47%;
    position: relative;
    transition: all 5s ease-in-out;
    z-index: 1;
}
.popup .close {
    position: absolute;
    top: 3px;
    right: 8px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    z-index: 2;
}
.mySwiper, .boxslider{
    overflow: initial !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}
.swiper-button-next, .swiper-button-prev {
    width: 70px !important;
}
.swiper-button-next{
    right: -120px !important;
}
.swiper-button-prev{
    left: -120px !important;
}

.productsInner {
    display: inline-block;
    width: 31.5%;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 35px;
}
.productsInner:nth-child(3n) {
    margin-right:0px;
}
.productsInner img {
    width: 100%;
    border-radius: 12px;
}
.productsText h2 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding-top: 15px;
}
.productsText h2 a {
    text-decoration: none;
    color: #1E1E1E;
}


.catSidebar ul li {
    list-style: none;
    margin-bottom: 10px !important;
    padding: 8px 15px !important;
    border-radius: 5px;
   
}
.catSidebar ul li a {
    color: #222222;
    text-decoration: none;
    font-size: 15px;
    display: block;
    font-weight: 500;
}
.category-list li.active {
    background-color: var(--sideBar-active-color);
}
.category-list li.active a{
    color: #fff !important;
}
.category-list {
    background-color: #F8F8F8;
    padding: 15px !important;
    border-radius: 12px;
}
.homeTabs .elementor-tabs-wrapper{
    display: block !important;
    margin: 0 auto !important;
    width: fit-content;
    background-color: #F8F8F8;
    padding: 10px 10px !important;
    border-radius: 12px;
    margin-bottom: 25px !important;
}
.homeTabs .elementor-tabs-wrapper .elementor-tab-title{
    font-size: 18px;
    font-weight: 500 !important;
    border-radius: 8px;
    padding: 7px 20px !important;
    display: inline-block !important;
}
.homeTabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active{
    background-color: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 500 !important;
}
.tabsCnt {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.cntWrap {
    flex: 0 0 48%;
    text-align: center;
    background-color: #F8F8F8;
    border-radius: 12px;
}
.cntWrap img {
    width:280px;
}
.cntWrap h2 {
    margin: 0;
    color: var(--primary-color);
    font-size: 24px;
    padding: 20px 0px;
}
.cntWrap p {
    margin: 0;
    font-size: 18px;
    margin: 0px 25px 30px 25px;
}

/* Serach Style */
.searchBox input {
    border:1.5px solid #EBEBEB !important;
    border-radius: 50px;
    padding: 12px 15px !important;
    color: #000 !important;
    width: 650px;
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/11/search-icon.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 15px center;
}
.searchBox ::placeholder {
    color: #767676 !important;
    font-size: 14px !important;
}
#suggestions ul li {
    padding: 10px 15px !important;
    border-bottom: 1px solid var(--input-border);
    display: flex;
    align-items: center;
    gap: 20px;
}
#suggestions ul li a {
    text-decoration: none;
    color: #333;
}
#suggestions ul li img {
    width: 90px;
    height: auto;
    border-radius: 10px;
    aspect-ratio: 1.2;
}
#suggestions ul {
    list-style: none;
}
#suggestions {
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    z-index: 9999;
    width: 650px;
    max-height: 200px;
    overflow-y: auto;
    top: 44px;
    left: 18px;
    border-radius: 0px 0px 10px 10px;
    border-top: inherit;
}
.searchBox {
    position: relative;
}
#suggestions::-webkit-scrollbar {
    width: 6px;
    max-height: 50px
}
#suggestions::-webkit-scrollbar-track {
    border-radius: 10px
}
#suggestions::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px
}
/* Serach Style */

/* Blog Style */
.blogMain {
    display: inline-block;
    width: 31%;
    vertical-align: top;
    margin-right: 3%;
    box-shadow: 16px 16px 84px 0px rgba(0, 0, 0, 0.05);
    padding: 23px;
    border-radius: 10px;
    min-height: 346px;
}
.blogMain a h2 {
    margin: 20px 0px;
    font-size: 20px;
    font-weight: 600;
}
.blogMain a {
    color: #293035;
    text-decoration: none;
}
.learnBtn {
    color: var(--sideBar-active-color) !important;
    font-size: 16px;
    font-weight: 300;
    text-decoration: underline !important;
    position: relative;
    transition: all ease 0.4s;
}
.blogMain img {
    width: 100%;
    height: 187px !important;
    object-fit: cover;
    border-radius: 10px !important;
}
.blogMain:last-child {
    margin-right: 0;
}

.featuredMain {
    display: flex;
    justify-content: center;
}
.featuredBlog {
    flex: 0 0 44%;
}
.featBlog {
    text-transform: uppercase !important;
    color: #86868b !important;
    font-size: 17px !important;
    font-weight: 500 !important;
}
.featuredBlog h2 {
    margin: 0;
    font-size: 42px;
    font-weight: 500;
    margin-top: 20px;
    color: #000;
}
.featuredBlog p {
    margin: 0;
    color: #555555;
    line-height: 1.4em;
    font-size: 18px;
    margin:20px 0px;
}
.featuredImg {
    flex: 0 0 53%;
    margin-left: 30px;
}
.featuredImg img {
    border-radius: 13px !important;
}
.featuredBtn {
    color: var(--primary-color);
    border: 1.5px solid var(--buttob-border-color);
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 12px 20px;
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
}
.recentMain {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    margin-right: 16px;
    box-shadow: 16px 16px 84px 0px rgba(0, 0, 0, 0.05);
    min-height: 346px;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.recentTitle {
    padding: 0px 15px 15px;
}
.recentMain h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    color: #293035;
}
.recentMain a h2:hover {
    color: var(--primary-color) !important;
    transition: .4s;
}
.recentMain:nth-child(3n) {
    margin-right: 0;
}
.recentImg img {
    border-radius: 10px 10px 0px 0px !important;
    transition: .4s;
}
.recentImg {
    overflow: hidden;
    display: flex;
    transition: .4s;
}
.recentMain:hover .recentImg img {
    transform: scale(1.1);
    transition: .4s;
}
.datesBlog {
    text-transform: uppercase;
    color: #58585A;
    font-size: 15px;
    font-weight: 500;
}

/* Blog Style */

/* Blog Inner Style */
.blogInner {
    text-align: center;
    padding: 4% 0;
}
.blogInner p {
    margin: 0;
    font-size: 20px;
    color: #555;
}
.blogInner h1 {
    margin: 0 auto;
    max-width: 800px;
    font-weight: 600;
    font-size: 48px;
    padding-bottom: 30px;
}
.pipes {
    color: #cfcfcf;
    margin-left: 7px;
    margin-right: 7px;
}
.blogInner img {
    aspect-ratio: 1.9;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    border-radius: 15px;
    margin-top: 40px;
}
.bloginnerContent h2, .bloginnerContent h3, .bloginnerContent h4 {
    color: var(--primary-color);
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0px;
}
.bloginnerContent h3 {
    font-size: 26px !important;
}
.bloginnerContent h4 {
    font-size: 20px !important;
    padding: 10px 0;
}
.bloginnerContent p {
    font-size: 17px;
    line-height: 1.4em;
    margin: 0;
}
.bloginnerContent a {
    color: var(--primary-color);
    font-weight: 600;
}
.bloginnerContent ul li {
    font-size: 17px;
    display: block;
    padding-bottom: 15px !important;
    background-image: url(https://smallboxcompany.com/wp-content/uploads/2024/11/bullet-point.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 30px !important;
}
/* Blog Inner Style */

/* Custom Qoute Style */
.quoteInline {
    display: inline-block;
    margin-right: 7px;
    width: 49.3%;
    vertical-align: top;
}
.MarginNone {
    margin-right: 0px !important;
}
.inlineField {
    display: inline-block;
    margin-right: 7px;
    width: 24%;
}
.quoteForm input[type="checkbox"] {
    width: 26px;
    margin: 0;
}
.quoteForm p {
	margin-bottom: 14px !important;
	margin-top: 0;
}
.quoteForm label {
    display: inline-block;
    font-size: 15px;
    margin: 12px 0;
}
.quoteForm textarea {
    width: 100% !important;
    height: 140px;
}
.uploadFile input[type="file"] {
    position: absolute;
    left: 0;
    text-indent: 9999px;
    top: 0;
    bottom: 0;
    width: 100%;
    background-image: url(/wp-content/uploads/2024/11/Upload-icon.svg);
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: 33px;
    cursor: pointer;
    border: none;
    margin: 0;
    transition: .3s;
}
.uploadFile input[type="file"]:before {
    content: "Upload Your Artwork";
    position: absolute;
    left: 0;
    top: 70px;
    text-indent: 0px !important;
    font-size: 16px;
    color: #0A0C10;
    right: 0;
    margin: 0 auto;
    width: 160px;
    transition: .3s;
}
.uploadFile input[type="file"]:hover {
    background-color: #ffebd1;
}
.uploadFile .wpcf7-form-control-wrap {
    display: block;
    border: 1.5px dashed #ac8859;
    border-radius: 5px;
    height: 120px;
    background-color: #fff;
}
#file-name-display {
    position: absolute;
    z-index: 9;
    top: 57px;
    left: 290px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
}
/* Custom Qoute Style */
.sampleList .elementor-icon-list-items li {
    margin-bottom: 10px !important;
}

/* Form Style */
.fieldone {
    display: inline-block;
    width: 48.6%;
}
.fieldtwo {
    display: inline-block;
    width: 23%;
}
.fieldThree {
    display: inline-block;
    width: 31.5%;
}
.marRight {
    margin-right:10px;
}
.home .catForm p {
    margin-bottom:10px;
    margin-top:0px !important;
}
/* Form Style */
.grecaptcha-badge {
	display:none !important;
}




/* Responsive Style Start */

@media only screen and
(min-width: 10px)and
(max-width: 1200px) {
    .pagesize, .pgSize {
        width: auto;
        margin: 0px 20px;
    }  
    
    #mega-menu-wrap-header-navigation .mega-menu-toggle + #mega-menu-header-navigation {
        background: #fff7ec !important;
        padding: 10px !important;
    }
    #mega-menu-wrap-header-navigation #mega-menu-header-navigation > li.mega-menu-item {
        padding-bottom: 10px !important;
    }
    #mega-menu-wrap-header-navigation .mega-menu-toggle.mega-menu-open + #mega-menu-header-navigation {
        top: 60px !important;
    }
}

@media only screen and
(min-width: 10px)and
(max-width: 768px) {
    .marRight {
        margin-right:0px !important;
    }
    .fieldone, .fieldtwo, .fieldThree {
        display: block;
        width: 100%;
    }
    .searchBox input {
        width: 420px;
    }     
    #suggestions {
        width: 430px;
        left: 12px;
    }
    .mainSearch {
        flex: 0 0 64%;
    }
    .footerWrap {
        display: block;
    }
    .menuFirst img {
        padding-bottom: 25px;
    }
    .copyRights {
        display: block;
        text-align: center;
    }
    .CRleft {
        margin-bottom: 20px;
    }
    .quoteInline, .inlineField {
        display: block;
        margin-right: 0px;
        width: auto;
    }
    .featuredMain {
        display: block;
    }
    .featuredImg {
        margin-left: 0px;
        margin-top: 30px;
    }
    .recentMain {
        display: block;
        width: auto;
        margin-right: 0px;
    }
    .recentTitle {
        padding: 0px 15px 15px;
    }
	.ftHead {
		font-size: 30px !important;
	}
	.menuFirst {
		margin-right: 0px;
	}
    .featuredBlog h2 {
        font-size: 30px;
    }
    .blogInner h1 {
        font-size: 30px;
    }
    .blogInner p {
        font-size: 17px;
    }
    .bloginnerContent h2 {
        font-size: 30px;
    }
    .blogMain {
        display: block;
        width: auto;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .blogMain img {
        height: inherit !important;
    }
    .tabsCnt {
        display: block;
    }
    .cntWrap {
        margin-bottom: 30px;
    }

    .mega-toggle-blocks-right {
        position: absolute;
        right: -10px;
        bottom: 71px;
    }
    #mega-menu-wrap-header-navigation .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header-navigation .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-navigation .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: var(--primary-color);
    }
    .headerMain {
        padding-top: 0px;
    }
    .headerWrap {
        padding-bottom: 0;
    }
    .mainHeight {
        height: 1140px;
    }
}
@media only screen and
(min-width: 10px)and
(max-width: 600px) {
    .logoMain {
        display: block;
    }
    .mainSearch {
        display: none;
    }
    .mainHeight {
        height: 1250px;
    }
    .stickyHeader {
        position: inherit !important;
    }
}
/* Responsive Style End */