/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                       HEADER STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
 

 /* header css start */

.header>.e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.lineBox .lineItem {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 0;
    grid-row-gap: 0;
}

.lineBox .lineItem .line {
    width: 100%;
    height: 4px;
    background: #56beb0;
} 

.lineBox .lineItem .line:nth-child(5),
.lineBox .lineItem .line:nth-child(2) {
    background: #f176ae;
}

.lineBox .lineItem .line:nth-child(6),
.lineBox .lineItem .line:nth-child(3) {
    background: #fabe36;
}

.lineBox .lineItem .line:nth-child(4) {
    background: #56beb0;
}
 

.header .deskMenu ul.elementor-nav-menu>li>a {
    padding-top: 28px !important; 
    white-space: normal !important; 
}
                
.header .deskMenu ul li li a { 
    border: none !important;   
    font-size: 18px;
    white-space: normal !important;  
}

.header .logoBox a {
    padding: 10px;
    transition: all .3s linear;
}

.withoutScrl .header .logoBox a {
    padding: 20px;
}

.header .logoBox .elementor-widget-image {
    left: calc(50% - 115px) !important;
}

.header .logoBox img {
    transition: all .3s linear;
}

.withoutScrl .header .logoBox img {
    width: 200px !important;
}
        
.header .logoBox .elementor-widget-image .elementor-widget-container {
    max-width: 78%;
    margin: 0 auto;
    transition: all .3s linear;
}

.withoutScrl .header .logoBox .elementor-widget-image .elementor-widget-container {
    max-width: 100%; 
}

 


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                       ADDITIONAL 1 STYLE --- MAIN CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.color-icon svg .cls-3 { 
    transition: all 1s;
    fill: #f9be36;
    animation: cls3Effect 3s infinite;
    animation-duration: 5000ms; 
}

.color-icon svg .cls-2 {
    fill: #57bcaf;
    animation: cls2Effect 3s infinite;
    animation-duration: 5000ms; 
}

.color-icon .cls-1 {
    fill: #f177ae;
    animation: cls1Effect 3s infinite;  
}
         
@keyframes cls1Effect {   

    0% {
        fill: #f177ae;
    }

    25% {
        fill: #f9be36;
    }

    50% {
        fill: #57bcaf;
    }

    75% {
        fill: #f9be36;
    }

    100% {
        fill: #f177ae;
    }

}

@keyframes cls2Effect {

    0% {
        fill: #57bcaf;
    }

    25% {
        fill: #f177ae;
    }

    50% {
        fill: #f9be36;
    }

    75% {
        fill: #f177ae;
    }

    100% {
        fill: #57bcaf;
    }

}

@keyframes cls3Effect {

    0% {
        fill: #f9be36; 
    }

    25% {
        fill: #57bcaf; 
    }

    50% {
        fill: #f177ae; 
    }

    75% {
        fill: #57bcaf; 
    }

   100% {
        fill: #f9be36; 
   }

}    
             

/*articleWrap*/

.articleWrap .blankLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.articleWrap .blankLink a .mText,
.articleWrap .blankLink a:before {
    display: none;
}

.articleWrap .blankLink a {
    background: transparent !important;
    padding: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.articleWrap .box:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.articleWrap .box h2 {
    font-size: 36px;
    line-height: 46px;
    transition: all .5s;
}
 
.articleWrap .elementor-widget-loop-grid .elementor-grid {
    display: block;
}

.articleWrap .elementor-widget-loop-grid .e-loop-item {
    width: 34%;
    float: right;
    padding-left: 13px;
}

.articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-886 {
    width: 66%;
    float: left;
    padding-right: 13px;
}


.articleWrap .elementor-widget-loop-grid .e-loop-item .box {
    min-height: 550px;
    margin-bottom: 30px;
}

.articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box,
.articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box {
    min-height: 260px;
    margin-bottom: 30px;
}

.articleWrap .elementor-widget-loop-grid .e-loop-item .box:after {
    content: '';
    display: inline-block;
    background-image: linear-gradient(to top, rgba(1,1,1, .85) 0%, rgba(0,0,0,.01) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box .elementor-heading-title,
.articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box .elementor-heading-title {
    font-size: 26px;
    line-height: 32px;
}
 
.articleWrap .box:hover .elementor-heading-title {
    color: #56BEB0 !important;
}
 
.articleWrap .elementor-widget-post-info .elementor-post-info__terms-list a {
    font-size: 16px;
    font-family: 'Muli';
    font-weight: bold;
    position: relative;
    z-index: 10;
}

.articleWrap .box:hover .elementor-widget-post-info .elementor-post-info__terms-list a {
    color: #fff !important;
}

        
.articleWrap .box {
    transition: all .5s !important;     
}

.articleWrap .box:hover {
    box-shadow: 0 0 0 !important;
}

.articleWrap:after {
    content: '';
    display: inline-block;
    background: #ffffff;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;  
}

/*filterCatWrap*/ 

.filterCatWrap .e-con-inner .categoryBox,
.filterCatWrap .e-con-inner {
    position: static;
}

.filterCatWrap .rightimage svg,
.filterCatWrap .leftimage svg {
    opacity: .23;
}

.filterCatWrap .categoryBox h3 {
    font-size: 28px;
    line-height: 1;
    font-family: 'Muli';
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.filterCatWrap .categoryBox h3 label {
    background: #ffffff;
    position: relative;
    z-index: 1;
    padding: 10px 30px;
}

.filterCatWrap .categoryBox h3:after {
    content: '';
    display: inline-block;
    border-top: 3px dashed #7ab097;
    position: absolute;
    top: calc(50% - 2.5px);
    left: 0;
    width: 100%;
    height: 5px;
    z-index: -1;
}

.filterCatWrap .buttonBox a:before {
     opacity: 0;             
}

.filterCatWrap .buttonBox a:hover:before {
     opacity: 1;      
}

.filterCatWrap .categoryBox .buttonBox {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.filterCatWrap .categoryBox .buttonBox a {
    color: #4F6342 !important;
    background: transparent !important;
    border: 2px solid #4f6342 !important;               
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    padding: 13px 20px 13px !important;
}
  
.filterCatWrap .categoryBox .buttonBox a:hover { 
    background: #4f6342 !important; 
    color: #fff !important;
}

.filterCatWrap .categoryBox .buttonBox .elementor-widget-button .btnWrp, 
.filterCatWrap .categoryBox .buttonBox .elementor-widget-button .elementor-button-wrapper,
.filterCatWrap .categoryBox .buttonBox .elementor-widget-button {
    height: 100%;
}

.bigLogo {
    opacity: .07;
}


.filterCatWrap,         
.filterCatWrap .e-con-inner .categoryBox .e-con-full.e-flex, 
.filterCatWrap>.e-con-inner {
    flex-direction: inherit !important;
}       

/* contactWrap */

.contactWrap .facebookBox {
    display: block;
}

.contactWrap .facebookBox .innarImage {
    height: 100%;
}
    
.contactWrap .facebookBox .fbBox:before {
    left: -100vw;
    width: 100vw;
    z-index: -1;
}

.contactWrap .facebookBox .innarImage>.elementor-widget-container {
    background-size: auto 140% !important;
}

.contactWrap .facebookBox .elementor-widget-text-editor p a {
    color: #8d6754;
}

.contactWrap .facebookBox .elementor-widget-text-editor p a:hover {
    color: #4F6342;
}
         
               
.contactWrap .facebookBox .socilIcon svg path {
    fill: #FFFFFF;
}     

.contactWrap .facebookBox .socilIcon a {
    box-shadow: 0px 0px 46px rgba(0,0,0,.4);
}
 
.contactWrap .textBox ul {
    margin: 10px 0 30px;
}

.contactWrap .textBox ul li {
    font-size: 26px;
    font-family: 'Muli';
    font-weight: bold;
    list-style: none;
    margin-bottom: 8px;
}

.contactWrap .textBox a,
.contactWrap .textBox ul li a {
    color: #8d6754;
}

.contactWrap .textBox a:hover,
.contactWrap .textBox ul li a:hover {
    color: #4F6342;
}

.contactWrap .textBox .dbtn {
    font-size: 18px !important;
}

.contactWrap .textBox .bold-text {
    font-size: 26px;
    font-family: 'Muli';
    font-weight: bold;
}
 

/*abtGalleryWrap*/ 

 
.abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item {
    position: absolute;
    /*height: 340px;*/
    width: 30%;
    z-index: 1;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    box-shadow: 0px 0px 38px rgba(0,0,0,.18);
    transition: all 1s linear;
    transition-delay: 1s;
}       
          

.abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item:nth-child(2) {
    left: 24%;
    z-index: 3;
    top: 25px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item:nth-child(3) {
    left: auto;
    right: 25%;
    top: -25px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: 2;
}

.abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item:nth-child(4) {
    left: auto;
    right: 0;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    top: 30px;
}

.abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item:not(.abtGalleryWrap .elementor-widget-gallery.in-viewport-once .e-gallery-container .e-gallery-item) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);

}
      
/*volunteerWrap*/  
     
.volunteerWrap .shadowText p {
    text-shadow: 0px 0px 14px #fff, 4px 3px 24px #fff;
}

.filterCatWrap.summerWrap .rightimage svg, 
.filterCatWrap.summerWrap .leftimage svg {
    opacity: 1;
}

.elementor-lightbox .e-eicon-share-arrow,
.elementor-lightbox .e-eicon-zoom-in-bold,
.elementor-lightbox .e-eicon-frame-expand,
.elementor-lightbox .elementor-slideshow__footer {
    display: none;
}
          
.exploreWrap.journeyWrap:after {
    display: none;
}   
.exploreWrap.journeyWrap .imageBox:before {
    width: 100vw !important;
}

.privacyWrap .elementor-widget-container a,
.exploreWrap.journeyWrap p a {
    font-family: 'Muli';
    font-weight: bold;
    color: #8d6754;
} 

.privacyWrap .elementor-widget-container a:hover,
.exploreWrap.journeyWrap p a:hover {
    color: #4F6342;    
}    


/*privacyWrap*/ 

.bannerWrap.privacyWrap h3:after {
    display: none;
}

.bannerWrap.privacyWrap h3 {
    margin-bottom: 10px;
    opacity: 1 !important;
    transition-delay: 0s !important;
    transition: 0s !important;
}

.bannerWrap.privacyWrap h2 {
    font-size: 36px;
    line-height: 45px;
}


.volunteerWrap .box1 {
    transition: all .5s linear;
    opacity: 0;
    transform: translate3d(0px, -10px, 0px); 
}

.volunteerWrap .box1.in-viewport-once { 
    opacity: 1;
    transform: translate3d(0px, 0px, 0px); 
}

.volunteerWrap .box2 {     
    transition: all .5s linear;
    opacity: 0;
    transform: translate3d(0px, 10px, 0px); 
}

.volunteerWrap .box2.in-viewport-once { 
    opacity: 1;
    transform: translate3d(0px, 0px, 0px); 
}

.seeWrap.gryWrap .elementor-gallery__container .elementor-gallery-item__title {
    font-weight: normal;
    line-height: 20px;
    font-size: 16px;
}       



/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                   ADDITIONAL 1 STYLE --- RESPONSIVE CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


@media (min-width: 1601px) and (max-width: 1700px) {

    .abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item {
      /*  height: 320px;*/
    }




}

/* Laptop screen */
@media (min-width: 1441px) and (max-width: 1599px) {

    .filterCatWrap .rightimage,
    .filterCatWrap .leftimage {
        top: -285px !important;
    }

    .contactWrap .textBox .top-text br {
        display: none;
    }    

    .abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item {
       /* height: 285px;*/
    } 

    .filterCatWrap.summerWrap .rightimage, .filterCatWrap.summerWrap .leftimage {
        top: -60% !important;
    }


}

@media (min-width: 1400px) and (max-width: 1440px) {

    .abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item {
       /* height: 276px;*/
    }     
    

}



@media (min-width: 1200px) and (max-width: 1399px) {

    .abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item {
       /* height: 233px;*/
    }  

    .abtGalleryWrap>.e-con-inner {
        max-width: 1240px !important;
    }   

    .projectWrap.volunteerWrap {
        --padding-block-start: 160px !important;
    }
    


}




/* Laptop screen */
@media (min-width: 1200px) and (max-width: 1440px) { 

    .header .logoBox .elementor-widget-image {
        left: calc(50% - 88px) !important;
    }

    .filterCatWrap .categoryBox .buttonBox a {
        font-size: 20px !important;
    }

    .contactWrap .fbBox br,
    .contactWrap .textBox .top-text br {
        display: none;
    }        
         

}

/* Large desktop */
@media (min-width: 1025px) {

    .header .deskMenu ul li {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 200px;
        -ms-perspective: 200px;
        perspective: 200px;
    }       

    .header .deskMenu ul li ul {
        position: absolute;
        top: 100% !important;
        left: 0px !important;
        padding: 0 0 10px;
        border-radius: 0 0 5px 5px;
        width: 180px !important;
        transition: all 500ms ease-in-out 500ms;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-box-shadow: 0px -100px 500px rgb(0 0 0 / 0%);
        box-shadow: 0px -100px 500px rgb(0 0 0 / 0%);
        display: inline-table;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 200px;
        -ms-perspective: 200px;
        perspective: 200px;
        visibility: hidden;
        opacity: 0;
        display: inline-block !important;
    }

    .header .deskMenu ul li:hover ul {
        visibility: visible;       
        opacity: 1;
        transition: all 500ms ease-in-out 0ms;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
        box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
    }

    .header .socilIcon {
        display: none;
    }


    .header .deskMenu ul.elementor-nav-menu>li.current-menu-item>a,
    .header .deskMenu ul li.current-menu-parent>a {
        color: #FABE36 !important;
    }
    
    .header .deskMenu ul.elementor-nav-menu>li.current-menu-item>a .sub-arrow svg,
    .header .deskMenu ul li.current-menu-parent>a .sub-arrow svg {
        fill: #FABE36 !important;
    }
    
        
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 1025px) and (max-width: 1199px) { 

    .header .deskMenu ul.elementor-nav-menu>li>a {
        padding-top: 24px !important;
    }

    .header .deskMenu ul li li a {
        font-size: 16px;
    }

    .header .logoBox .elementor-widget-image {
        left: 0 !important;
    }

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box .elementor-heading-title, 
    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box .elementor-heading-title {
        font-size: 20px;
        line-height: 30px;                     
    }

    .articleWrap .elementor-widget-post-info .elementor-post-info__terms-list a {
        font-size: 14px;
    }       

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box, .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box {
        min-height: 220px;
        margin-bottom: 20px;
    }
   

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-886 {
        padding-right: 10px;
    }
    .articleWrap .elementor-widget-loop-grid .e-loop-item .box {
        min-height: 460px;
        margin-bottom: 20px;
    }

    .articleWrap .box h2 {
        font-size: 28px;
        line-height: 42px;      
    }

    .filterCatWrap .categoryBox .buttonBox {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-column-gap: 20px;
        grid-row-gap: 20px;        
    }  

    .contactWrap .fbBox br,
    .contactWrap .textBox .top-text br {
        display: none;
    }  

    .contactWrap .textBox ul li,                    
    .contactWrap .textBox .bold-text {
        font-size: 22px;
    }   

    .contactWrap .facebookBox .innarImage>.elementor-widget-container {
        background-size: auto 110% !important;
    }   

    .abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item {
       /* height: 190px;*/
    }  

    .bannerWrap.privacyWrap h2 {
        font-size: 30px;
        line-height: 42px;
    }             


            
}

@media (max-width: 1199px) {

    .header .logoBox .elementor-widget-image .elementor-widget-container {
        box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.2) !important;       
    }       


}

/* Portrait tablet to landscape and desktop */
@media (max-width: 1024px) {
 
    .header .elementor-menu-toggle {
        display: block;
        margin-right: 0 !important;
        background: #f6f6f3;
        width: 42px;
        height: 39px;
        border-radius: 0;
        position: relative;
        transition: all .5s;
        margin-top: 3px !important;
    }       

    .menu-active .header .elementor-menu-toggle {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 100;
        background: #FABE36;
    }        

    .header .elementor-menu-toggle svg {
        display: none;
    }
   
    .header .elementor-menu-toggle span {
        background: #4f6342;
        width: 30px;
        height: 3px;
        display: block;
        margin: 5px 0 5px auto;
        position: absolute;
        transition: all .5s;
        left: 6px;
        top: 5px;
    }
  
    .header .elementor-menu-toggle span:nth-child(5) {
       top: 13px;
    }

    .header .elementor-menu-toggle span:nth-child(6) {
        top: 21px;
    }

    .menu-active .header .elementor-menu-toggle span:nth-child(4) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        top: 13px;
    }

    .menu-active .header .elementor-menu-toggle span:nth-child(5) {
        display: none;
    }

    .menu-active .header .elementor-menu-toggle span:nth-child(6) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        top: 13px;
    }

    .header .socilIcon a {
        width: 42px;
        height: 39px;
        font-size: 20px;
        background: #f6f6f3;
        transition: all .5s;
        margin-top: 3px;
        opacity: 1;
    }

    .header .elementor-menu-toggle:hover,   
    .header .socilIcon a:hover {
        background: #FABE36;
    }

    .header .socilIcon svg {
        fill: #4f6342;
    }

    body.menu-active {
        overflow: hidden;
    }

    .header nav.elementor-nav-menu--dropdown {
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        margin-top: 0;
        transform: inherit !important;
        animation: inherit !important;
        max-height: 100vh !important;
        overflow: hidden;
        z-index: 99;
        display: block; 
        background-color: #fff !important;
        transition: all .5s linear;
        opacity: 0;
        visibility: hidden;
        transition-delay: .5s;
        overflow-y: auto;
        min-height: inherit;
    }
    .menu-active .header nav.elementor-nav-menu--dropdown {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

    .header nav.elementor-nav-menu--dropdown .mob-nav {
        display: table;
        vertical-align: middle;
        width: 100%;
        height: 100%;
    }

    .header nav.elementor-nav-menu--dropdown .mob-nav .row {
        padding: 47px 20px;
        display: table-cell;
        vertical-align: middle;
    }

    .withoutScrl .header .logoBox a {
        padding: 10px;
    }

    .withoutScrl .header .logoBox img {
        width: 118px !important;
    }

    .header .logoBox .elementor-widget-image .elementor-widget-container {
        max-width: 100%;
    }

    .header .logoBox .elementor-widget-image {
        left: calc(50% - 69px) !important;
    }
                
    .header:nth-child(2) .elementor-menu-toggle,
    .header:nth-child(2) .elementor-nav-menu--dropdown {
        visibility: hidden !important;
    }    

    .header nav.elementor-nav-menu--dropdown:after {
        content: '';
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    } 

    .header .deskMenu ul.elementor-nav-menu>li>a {
        padding: 0 !important; 
        font-size: 24px !important;
        line-height: normal;
        color: #4f6342 !important;
        display: inline-block;
        background: transparent !important;
    }

    .header .deskMenu ul.elementor-nav-menu>li>a .sub-arrow {
        display: inline-block;
    }

    .header .deskMenu ul.elementor-nav-menu>li.current-menu-item>a,
    .header .deskMenu ul li.current-menu-parent>a,
    .header .deskMenu li.current-menu-item>a,
    .header .deskMenu ul li li a:hover,
    .header .deskMenu ul.elementor-nav-menu>li>a:hover {
        color: #8D6754 !important;
    }

    .header .deskMenu ul li a .sub-arrow svg {
        fill: #4f6342;
        transition: all .5s;
    }        
    
    .header .deskMenu ul li a:hover .sub-arrow svg,
    .header .deskMenu ul.elementor-nav-menu>li.current-menu-item>a .sub-arrow svg,
    .header .deskMenu ul li.current-menu-parent>a .sub-arrow svg {
        fill: #8D6754 !important;
    }

    .header nav.elementor-nav-menu--dropdown ul li {
        margin-bottom: 12px;
        text-align: center;
    }

    .header .deskMenu ul li li a {
        padding: 0 !important;
        font-size: 20px !important;
        line-height: normal;
        color: #4f6342 !important;
        background: transparent !important;
        display: inline-block;
    }

    .header .deskMenu ul li ul {
        background: transparent !important;
        margin-top: 15px; 
    }

    .header nav.elementor-nav-menu--dropdown .menuTop .elementor-widget-image {
        margin: 0 auto 25px;
        width: 100%;
        max-width: 170px;
    }

    .header nav.elementor-nav-menu--dropdown .menuTop .elementor-widget-image:after {
        content: '';
        display: block;
        width: 100px;
        height: 6px;
        border-bottom: 3px double #4F6342;
        margin: 25px auto 0;

    }

    .header nav.elementor-nav-menu--dropdown .menuTop .elementor-widget-image img {
        width: 140px;
    }

    .header nav.elementor-nav-menu--dropdown .menuTop .elementor-widget-image .elementor-widget-container {
        box-shadow: 0px 0px 22px 6px rgba(0, 0, 0, 0.15);   
    }

    .header nav.elementor-nav-menu--dropdown .menuBottom {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
    }

    .header nav.elementor-nav-menu--dropdown .menuBottom .rightColor,
    .header nav.elementor-nav-menu--dropdown .menuBottom .leftColor {
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        height: 230px;
    }

    .header nav.elementor-nav-menu--dropdown .menuBottom .rightColor { 
        left: auto; 
        right: 0;
    }

    .header nav.elementor-nav-menu--dropdown .menuBottom svg {
        width: 230px;
        position: absolute;
        left: 0;
        top: 0;
        height: 230px;
    }

    .header nav.elementor-nav-menu--dropdown .mobmenu,
    .header nav.elementor-nav-menu--dropdown .menuTop {
        position: relative;
        z-index: 1;
    }

    .header nav.elementor-nav-menu--dropdown .menuBottom .rightColor svg {
        left: auto; 
        right: 0;
    }

    .filterCatWrap .categoryBox .buttonBox {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-column-gap: 15px;
        grid-row-gap: 15px;

    } 
    .lphallWrap .greatWrap .mainBox {
        display: flex;
        grid-column-gap: 0;
    }
    .lphallWrap .greatWrap .mainBox .box {
        width: 50%;
        padding: 10px;
    }

 
                  
}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) { 

    .header .logoBox .elementor-widget-image {
        left: calc(50% - 88px) !important;
    }
    
    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box .elementor-heading-title, 
    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box .elementor-heading-title {
        font-size: 20px;
        line-height: 30px;                     
    }

    .articleWrap .elementor-widget-post-info .elementor-post-info__terms-list a {
        font-size: 14px;
    }       

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box, .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box {
        min-height: 220px;
        margin-bottom: 20px;
    }
    .articleWrap .elementor-widget-loop-grid .e-loop-item {
        padding-left: 10px;
        width: 38%;
        padding-right: 10px;
    }        

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-886 {
        padding-right: 10px;
        width: 62%;
    }
    .articleWrap .elementor-widget-loop-grid .e-loop-item .box {
        min-height: 460px;
        margin-bottom: 20px;
    }

    .articleWrap .box h2 {
        font-size: 26px;
        line-height: 38px;  
    }     

    .filterCatWrap .categoryBox h3 {
        font-size: 24px;
    } 

    .contactWrap .fbBox br,
    .contactWrap .textBox .top-text br {
        display: none;
    }  

    .contactWrap .textBox ul li,                    
    .contactWrap .textBox .bold-text {
        font-size: 20px;
    }   

    .contactWrap .facebookBox .innarImage>.elementor-widget-container {
        background-size: auto 95% !important;
    }  

    .contactWrap .textBox ul {
        margin: 5px 0 20px;
    } 

    .abtGalleryWrap .elementor-widget-gallery .e-gallery-container .e-gallery-item {
   /*     height: 165px;*/
    }     

    .bannerWrap.privacyWrap h2 {
        font-size: 30px;
        line-height: 42px;
    }                       
       

    
    
}

     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    
    @media screen and (orientation: landscape) {

    }
    
    .header nav.elementor-nav-menu--dropdown .menuBottom .rightColor, .header nav.elementor-nav-menu--dropdown .menuBottom .leftColor,
    .header nav.elementor-nav-menu--dropdown .menuBottom svg {
        width: 180px; 
        height: 180px;  
    }

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box .elementor-heading-title, 
    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box .elementor-heading-title {
        font-size: 20px;
        line-height: 30px;                     
    }

    .articleWrap .elementor-widget-post-info .elementor-post-info__terms-list a {
        font-size: 14px;
    }       

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-880 .box, .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-882 .box {
        min-height: 220px;
        margin-bottom: 20px;
    }
    .articleWrap .elementor-widget-loop-grid .e-loop-item { 
        padding: 0;
        width: 100%;
    }

    .articleWrap .elementor-widget-loop-grid .e-loop-item.e-loop-item-886 {
        padding: 0;
        width: 100%;
    }
    .articleWrap .elementor-widget-loop-grid .e-loop-item .box {
        min-height: 220px;
        margin-bottom: 20px;
    }

    .articleWrap .box h2 {
        font-size: 20px;
        line-height: 30px;        
    }     

    .filterCatWrap .categoryBox h3 {
        font-size: 20px;
    }   
           
    .articleWrap .elementor-widget-loop-grid .elementor-grid { 
        max-width: 500px;
        margin: 0 auto;
    }

    .filterCatWrap .categoryBox h3 label {
        padding: 4px 10px;        
    }

    .contactWrap .fbBox br,
    .contactWrap .textBox .top-text br {
        display: none;
    }  

    .contactWrap .textBox ul li,                    
    .contactWrap .textBox .bold-text {
        font-size: 20px;
    }   

    .contactWrap .facebookBox .innarImage>.elementor-widget-container {
        background-size: auto 100% !important;
    }  

    .contactWrap .textBox ul {
        margin: 5px 0 20px;
    } 

    .contactWrap .facebookBox .fbBox:before {
        left: -50%;
        width: 200vw; 
    }  

    .exploreWrap.journeyWrap .imageBox:before {
        width: 200vw !important;
        left: -50%;
    }

    .bannerWrap.privacyWrap h2 {
        font-size: 26px;
        line-height: 38px;
    }
    .lphallWrap .greatWrap .mainBox {
        max-width: 100%; 
        grid-row-gap: 0
    }
    .lphallWrap .greatWrap .mainBox .box {
        width: 100%;
    }    

 
    
}

     
/* Landscape phones and down */
@media (max-width: 480px) { 

    .header nav.elementor-nav-menu--dropdown .menuBottom .rightColor, 
    .header nav.elementor-nav-menu--dropdown .menuBottom .leftColor, 
    .header nav.elementor-nav-menu--dropdown .menuBottom svg {
        width: 120px;
        height: 120px;
    }

    .menu-active .header .elementor-menu-toggle {
        top: 13px;
        right: 13px; 
    }  
  
   


}