body {
    line-height: 1;
}





.align-items-md-center {
    -ms-flex-align: center;
    align-items: center;
}

.d-md-flex {
    display: -ms-flexbox!important;
    display: flex;
}

.btn2{
    padding: 3px 30px;
}
.pay-btn{
    padding: 5px 30px;
    border: 1px solid #ff9100;
}
.btn:hover {
    background: #ff9100;
    color: #fff;
    border: 1px solid #ff9100;
}
.form-group {
    margin-bottom: 30px;
}
.form-control {
    border: 1px solid #EBEBEB;
    background: #fff;
    height: auto;
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 0;
    line-height: 24px;
    box-shadow: none;
}
select.form-control {
    height: 44px;
}
textarea.form-control {
    min-height: 120px;
    border-radius: 3px;
    resize: none;
}
label {
    display: block;
    margin-bottom: 5px;
}

/* form-check */
.form-check {
    padding: 0;
    position: relative;
    display: block;
}
.form-check input {
    display: none;
}
.form-check label {
    margin: 0;
    font-weight: 400;
    line-height: 20px;
}
.form-check .checkbox-check,
.form-check .radio-check {
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    position: relative;
    border-radius: 3px;
}
.form-check .radio-check,
.form-check .radio-check:after {
    border-radius: 100%;
}
.form-check .checkbox-check:after,
.form-check .radio-check:after {
    width: 10px;
    height: 10px;
    float: left;
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 2;
}
.form-check input[type='radio']:checked + label .radio-check:after {
    background: #ccc;
}
.form-check input[type='checkbox']:checked + label .checkbox-check:after {
    background: #ccc;
}

.container {
    max-width: inherit;
    padding: 0 59px;
}
.container2{
    max-width: inherit;
    padding:0 200px;
}
.container3{
    max-width: inherit;
    padding: 0 150px;
}
.custom-container{
    max-width: inherit;
    padding: 0 15px;
}
/* section-heading */
.section-heading {
    padding-bottom: 15px;
}
.section-heading h1 {
    font-size: 20px;
    font-weight: bold;
}
/* width */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #adabb1; 
}

/* Handle */ 
::-webkit-scrollbar-thumb {
    background: #1c142c;
    text-shadow: 2px 3px #1c142c

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #5f5e61; 
}
html{
    scroll-behavior: smooth;
}
/*top bar*/
.top-bar{
    color: white;
    transition: 0.7s;
}

.top-bar h1{
    font-size: 30px;
    line-height: 60px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}
.top-bar h1 a{
    color:#fff;
}
/*header*/
header{
    position: relative;
    z-index: 4;
}
header.mp{
    width: 100%;
    padding: 9px 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4;
    transition: 0.8s;
    background: #3d3d3d87;
}
.main header.mp{
    background: transparent;
    margin-top: 30px;
}
header.mp.scrolled{
    background: #3d3d3d87;
}
.main header.mp.scrolled{
    margin-top: 0;
}
.header .box{
    border-bottom: 1px solid #1f1f1f;
    line-height: 60px;
}
.header.sticky{
    position: -webkit-sticky;
    position:sticky;
    top:79px;
    background:#3d3d3d87;
    z-index:99;
}
.header.sticky .box{
    border-bottom:none;
}

.header2 .logo,
.header2 .menu-bar{
    width:30%;
}
.header2 .top-bar{
    width:60%;
    text-align:center;
}
/*logo*/
.logo img{
    max-width: 280px;
    height: auto;
    transition: 0.7s;
}
.scrolled .logo img {
    max-width: 200px;
}
/*navigation*/



    .collection-dropdown p{
        right: 190px;
    }
    .collection-dropdown .dd-menu{
        right: 180px;
    }
    .collection-dropdown:after{
        right: 190px;
    }
    .collection-dropdown:before{
        right: 200px;
    }
/* mb-menu */
.mb-menu.mp {
    background: #fff;
    width: 260px;
    height: 100vh;
    float: left;
    font-weight: bold;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.mb-menu.mp .close {
    background: red;
    width: 30px;
    height: 30px;
    float: left;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    opacity: 1;
    position: absolute;
    right: 260px;
    top: 0;
    z-index: 2;
}
.mb-menu.mp li {
    border-top: 1px solid #ddd;
}
.mb-menu.mp li:first-child {
    border-top: none;
}
.mb-menu.mp li a {
    display: block;
    padding: 15px;
    color: #000;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
/*quality*/
.heading{
    padding: 150px 0 80px;
    text-align: center;
    text-transform: uppercase;
    max-width: 1200px;
    margin: auto;
}
.quality .heading{
    text-transform: initial;
}
.heading h2{

    font-size: 160px;
    font-weight: 300;
}
.quality .heading h2{ 
    font-family: BaroqueScript;
    padding-bottom: 80px;
    font-size:90px;
}
.quality .heading p{
    font-size: 30px;
    line-height: 50px;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: initial;
}
.circle-bg{
    text-align: center;
    display: flex;
    width: 300px;
    margin: 40px auto;
    height: 300px;
    background: #ffffff00;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    box-shadow: 61px 22px 62px rgba(221 , 221 , 221 ,0.58);
    position: relative;
    z-index: 3;
}

.text-align{
    text-align:left !important;
}
.circle-bg .btn{
    top: 30px;
}

.circle-outer{
    position: relative;
}
.circle-outer:before{
    content: '';
    position: absolute;
    width: 2px;
    height: 500px;
    background: white;
    top: -100%; 
    left: 50%;
    transform: translateX(-50%);
}
.circle-bg ul li{
    font-size: 72px;
    font-weight: 200;
    line-height: 85px;
    white-space: nowrap;    
    letter-spacing: 1.5px;
}
.quality .circle-bg{
    box-shadow: none;
    background:transparent;
    margin: 150px auto;

}
.quality .circle-bg .imgb img{
    min-width:600px;
    height:auto;
}
/*collection*/
.collections,
.explore{
    padding: 20px 0 50px;
}
.collections .circle-bg,
.explore .circle-bg{
    box-shadow: -61px 22px 62px rgba(221 , 221 , 221 ,0.58);
    width: 370px;
    height: 370px;
}
.collections .circle-bg ul li{
    line-height: 45px;
}


.circle-bg ul li p{
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
}
.collections .circle-bg ul li p{
    font-size: 30px;
    line-height: 85px;
}
/*collection slider*/
.horizontal-slider{
    overflow-x: auto;
    flex-wrap:nowrap;
    padding-bottom: 30px;
}
.horizontal-slider::-webkit-scrollbar {
    height: 6px;
}

/*discover*/
.discover .heading{
    max-width: 100%;
}
.discover .heading h2{
    font-size: 36px;
    font-weight: 400;
}
.discover .imgb {
    position: relative;
}
.discover .imgb img{
    width: 100%;
    height: auto;
}
.discover .imgb .view{
    text-align:center;
}
.view .btn{
    background: #fff;
}
.view .btn:hover {
    background: #ff9100;
    color: #fff;
}
.discover .txtb {
    padding: 20px 0;
    font-weight: 600;
        text-align: center;
    margin-right: 40px;
}
.discover .txtb .title {
    font-size: 24px;
    line-height: 30px;
}
.discover .txtb p{
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.pr-40{
    padding-right: 40px;
}
.pl-40{
    padding-left: 40px;
}
/*footer*/
footer{
    background: #000;
    color: #fff;
    /*padding: 40px 0; */
    font-family: 'Roboto', sans-serif;
}
footer a{
    color: white;
}
footer a:hover{
    color: white;

}
footer .follow,
footer .copyright{
    padding: 20px;
}
footer .follow{
    border-right: 2px solid #fff;
}
footer .follow i{
    font-size: 30px;
    padding: 20px 20px 0 0px;
}
footer .copyright{
    font-size: 14px;    
    letter-spacing: 1.5px
}
footer .copyright p{
    line-height: 20px;
}
footer .other-links li{
    display: inline-block;
    padding: 0 30px;
    border-right: 2px solid;
    font-size: 14px;
}
footer .other-links li:last-child{
    border-right: none;
}
footer .support{
    font-size: 14px;
    letter-spacing: 1.5px;
}
footer .support p, 
footer .support a{
    line-height: 20px;
    display: block;
} 
/* designdot */
a.designdot {
    float: right;
    font-size: 14px;
    color: #fff;    
    padding-top: 25px;
}
a.designdot:hover {
    color: #fff;
}
.designdot-link {
    background: url(../images/designdotlogo.png) no-repeat scroll left top;
    width: 72px;
    height: 17px;
    display: block;
    float: right;
    margin-left: 5px;
    transition: 0.3s;
}
.designdot-link:hover {
    background: url(../images/designdotlogo.png) no-repeat scroll left bottom;
}
.menu,
.mb-menu {
    display: none;
}
.menu-bar .menu{
    display: block;
}
/*banner*/
.banner{
    position: relative;
    width: 100%;
    height: auto;
    overflow:hidden;
}
.banner img{
    width: 100%;
    height: auto;
}
/*banner caption*/
.banner .caption{
    position: absolute;
    top: 20%;
    left: 20%;
}
.arrow img {
    height: auto;
    width: auto;
    margin-left: -79px;
    width: 80px;
    margin-top: -5px;
}
.banner .caption{
    color: #fff;
    font-size: 18px;
}
.banner .caption h1 {
    font-size: 100px;
    line-height: 120px;
    font-weight: 700;
    font-family: 'Velo Serif Display';
}
.banner .caption h1 span{
    background: #ff9100;
    padding: 0 15px;
}
.banner small{
    font-family: 'Roboto', sans-serif;
    padding: 0px 15px;
    line-height: 24px;
    max-width: 550px;
}
.down-arrow {
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 3;
    transform: translateX(-50%);
}
.down-arrow a.link {
    background: url(../img/ring.png) no-repeat center;
    width: 210px;
    height: 210px;
    float: left;
    font-size: 30px;
    color: #fff;
    line-height: 130px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    bottom: 100%;
    z-index: 3;
    border: 4px linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    transform: translateX(-50%);
}
.down-arrow a.link img {
    display: block;
    height: 30px;
    width: auto;
    -webkit-animation-name: down-arrow;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-name: down-arrow;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes down-arrow {
    0%   {margin-top: 5px;}
    50% {margin-top: 10px;}
}

/* Standard syntax */
@keyframes down-arrow {
    0%   {margin-top: 5px;}
    50% {margin-top: 10px;}
}
/*social*/
.banner .social{
    position: absolute;
    bottom: 50px;
    left: 59px;
}
.banner .social a {
    display: block;
    width: 40px; 
    height: 40px;
    color: white;
}
.banner .social a .fa {
    font-size: 25px;
    line-height: 20px;
}
/*slider*/
.cat-slider{
    padding-right: 0px;
    padding-left: 0;
    overflow: hidden;
}
.cat-slider .slider{
    position: relative;
    z-index: 1;
}
.slider .column {
    width: 100%;
    position: relative;
}
.slider .column img{
    width: 100%;
    height: auto;
    max-height: 850px;
    object-fit: cover;
}
.cat-slider .column .circle-bg{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50% , -50%);
    box-shadow: 61px 26px 62px rgba(221 , 221 , 221 , .58 );
}
.cat-slider .column .circle-bg:before{
    display: none;
}
.cat-slider .column .circle-bg ul li{
    width: 100%;
    padding: 0;
}
.slider .column li {
    width: 50%;
    float: left;
    padding-left: 30px;
}

.slider .column .txtb {
    text-align: center;
    margin: 50px 0 0;
}
.slider .column .txtb h5{
    font-size: 24px;
    padding-bottom: 30px;
}
.flex-direction-nav{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -100px;
}
li.flex-nav-prev, li.flex-nav-next{
    display: inline-block;
    text-align: center;
    color: white;
    line-height: 40px;
}
li.flex-nav-prev a, li.flex-nav-next a{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #252525;
}
.flex-direction-nav .fa{
    color: #fff;
}

.mb-3 {
    margin-bottom: 30px;
}

.m-25{
  margin: 12px 0;
  
}

/*about*/
.gallery-bg{
    background:#d9d9d9 !important;
}

.about{
    padding: 100px 0;
    
}
.about .circle-bg{
    margin: 0;
   box-shadow: 61px 22px 62px rgb(221 221 221 / 58%);
    width: 300px;
    height: 300px;
    margin-left:-150px;
}
.about .circle-bg:before{
    display: none;
}
.about .txtb{
    max-width: 1200px;
    margin: auto;
    position: relative;
    text-align: left;
}
.about .about-text{
    margin-top: -150px;
    margin-left: 0px;
    position: relative;
    z-index: 3;
   
}
.about .txtb h2{
   font-size: 72px;
    font-weight: 200;
    line-height: 75px;
    letter-spacing: 1.5px;
    font-family: 'Velo Serif Display';
    color:#333;
    text-transform:uppercase;
}

h5.text1.text-center {
    margin: 0;
    font-family: 'Roboto';
    color: #666;
    font-size: 21px;
    margin-top: -15px;
    font-weight: 400;
    text-transform: capitalize;
}

.text-orange{
 color: #ff9100;   
}

.about .txtb p{
   font-size: 30px;
    line-height: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
/*initiatives*/
.initiative{
    background: #252525;
    padding-bottom: 80px;
}
.initiative .heading h2{
   font-size: 72px;
    line-height: 85px;
    color: #fff;
    font-weight: 200;
    font-family: 'Velo Serif Display';
}
.initiative .box1{
    max-width: 1000px;
    margin: auto;
    webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.initiative .box1 .block {
    width: 100%; 
    display: inline-block;
    box-sizing: border-box;
    padding: 0 35px;
}
.initiative .box1 .block .imgb img{
    width: 100%;
    height: auto;
}     
.initiative .box1 >.block{
    transition: all 0.7s easein 0.7s;
}
.initiative .content{
    color: #fff !important;
    display: flex;
    min-height:350px;
}
.initiative .content .left{
    padding: 0 50px;
}
.initiative .content .left h3{
    font-size: 36px;
    font-family: 'Velo Serif Display';
    margin: 0;
}
.initiative .content .right1{
    padding: 0 0 0 50px;
}
.initiative .content .right1 img{
    height: 40px;
    width: auto;
    margin-top: 30px;
}
.initiative .content .right1 h3{
    font-size: 36px;
    font-family: 'Velo Serif Display';
    margin: 0;
}
.initiative .content .left img{
    height: 40px;
    width: auto;
    margin-top: 30px;
}
.initiative .content .right {
    padding-left: 20px;
    border-left: 6px solid #ffd752;
}
.initiative .content2 .right{
    padding-right: 20px;
    border-right: 6px solid #dc4e41;
    border-left: none;
}
.initiative .content2 .left h3{
    padding-right: 0
}
.initiative .content .right h3{
    font-size: 48px;
    line-height: 50px;
    margin-top: -10px;
    font-weight: 500;
    font-family: 'Velo Serif Display';
}
.initiative .content .right h3 span{
    display: block;
}
.initiative .content .right p{
    font-size: 30px;
    line-height: 40px;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    color:#fff;
    text-align:left;
}
.initiative .explore{
    margin: 80px 0 0;
    padding: 0;
    display: block;
    color: white;
    font-size: 24px;
    line-height: 40px;
        font-family: 'Velo Serif Display';

}
.initiative .explore .fa{
    transform: rotate(-35deg);
    position: relative;
    top: -5px;
    font-size: 20px;
    padding-left: 5px;
}
.bredcum{
    display: flex;
    align-items: baseline;
    font-size: 18px;
    font-weight: 500px;
}
.bredcum h2{
    margin-bottom: 10px;
    position: relative;
}
.bredcum h2:after{
    content: '';
    width: 100px;
    height: 3px;
    background: orange;
    position: absolute;
    bottom: 5px;
    margin-left: 5px;
}
.bredcum span{
    margin-left: 115px;
}
.collection-box .column{
    margin-bottom: 30px;
}
.collection-box .imgb{
    border:1px solid #3d3d3d ;
}
.collection-box .imgb img{
    width: 100%;
    height: auto;
}

.collection-box .txtb{
    text-align: center;
    padding: 30px 10px;
    font-size: 18px;
    background: #3d3d3d;
    color: white;
    min-height: 200px
}
.collection-box .txtb p{
    padding-bottom: 15px;
}
.collection-box .txtb .add-to-cart{
    color: #fff;
}
.collection-dropdown{
    position: relative;
}
.collection-dropdown p{
    cursor: pointer;
    padding-right: 20px;
    position: absolute;
    right: 50px;
    top: 10px;
    height: 40px;
    color: white;
}
.collection-dropdown:before{
    background: url(../images/icons/dd_arrow.png) no-repeat left bottom;
    width: 8px;
    height: 35px;
    float: left;
    margin-left: -4px;
    margin-top: 4px;
    content: '';
    position: absolute;
    right: 60px;
    top: 25px;
    z-index: 4;
    display: none;
    transition: 0.7s;
}
.collection-dropdown:hover:before{
    display: block;
}
.collection-dropdown:after{
    background: url(../images/icons/nav-arrow.png) no-repeat left top;
    width: 15px;
    height: 20px;
    float: left;
    margin-left: -5px;
    content: '';
    position: absolute;
    right: 50px;
    top: 24px;
    z-index: 4;
    transition: 0.7s;
    transform: translateY(-60%);
}
.collection-dropdown:hover:after{
    display: none;
}
.collection-dropdown .dd-menu{
    position: absolute;
    right: 30px;
    background: white;
    z-index: 3;
    top: 50px;
    visibility:hidden;
    opacity:0;
    transition:all 0.5s;
    width: 200px;
}
.collection-dropdown:hover .dd-menu{
    visibility:visible;
    opacity:1;
}
.dd-menu a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.collection-dropdown .dd-menu li{
    padding: 0 20px;
    display: block;
    line-height: 40px;
    float: none;
}
.item {
    border-radius: 5px;
    padding: 1em;
    margin: 0 auto 1em auto;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    transition: all 120ms ease;

}
.item img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 487px;
    margin-left:auto;
}
.grid-sizer,.item {
    width: 47%;
}
}
@media screen and (max-width: 767px){
   
    
.lgx-footer .landingfooter {
    background-position: 100% 100 !important%;
}
 
     .about .txtb p {
        line-height: 20px;
    } 
    
    grid-sizer,.item {
        width: 98%;
        margin: 1%;
    }
}
.view-details{
    padding: 30px 0;
    overflow:hidden;
}
.view-details .product-slider{
    position: relative;
    z-index: 1;
}
.view-details .product-slider img{
    width: 100%;
    height: auto;
    max-height: 700px;
    object-fit: cover;
}
.view-details .flex-control-nav.flex-control-thumbs{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}
.view-details .flex-control-nav.flex-control-thumbs img{
    max-width: 55px;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: 1px solid #ff9100;
    cursor:pointer;

}
.view-details .product-description{
    font-family: 'Roboto', sans-serif;
}
.view-details .prod-name{
    font-size: 24px;
    padding-bottom: 25px;
    font-weight: 700;
    font-family:'Velo Serif Display';;
}
.view-details .desc p,
.price p,
.quantity{

    font-size: 14px;
    line-height: 24px;
    padding-bottom: 0px;
}
.view-details .check-out{
    padding: 15px 0;
    font-size: 18px;
}
.view-details .check-out .btn{
    border-radius: 0;
}
.a2a_svg{
    height: 20px !important;
    line-height: 20px !important;
    width: 20px !important;
}
.mv .txtb{
    text-align: center;
    padding: 0 0 20px 0;
    background: white;
}
.mv h5 {
    font-size: 14px;
    padding-bottom: 10px;
}
.showcase img {
    width: 100%;
    height: auto;
}
.about-collection{
    text-align:center;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.about-collection h3{
    font-size: 24px;
    line-height: 34px;
}
.about-collection p{
    font-size: 16px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
}
.about-collection .highlight{
    padding-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
.about-collection .highlight p{
    font-size: 12px;
    line-height: 16px;
}
.about-collapse{
    padding-top: 15px;
    border-top: 1px solid #dac2c2;
    border-bottom: 1px solid #dac2c2;
    padding-bottom: 15px;
}
.about-collapse a{
    display: block;
    color: black;
    font-size: 12px;
    line-height: 24px;
    cursor: auto;
}
.about-collapse a .fa{
    float: right;
    line-height: 24px;
}
.about-collapse .section-heading {
    padding-bottom: 5px;
}  
.about-collapse p{
    font-size: 12px;
    line-height: 24px;
}  
.volunteer{
    background: white;
    position: fixed;
    bottom: 90px;
    z-index: 9;
    right: 15px;
}
.volunteer .close-btn{
    position:absolute;
    left: -15px;
    top: -15px;
    background: #e4c19e;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #000;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    font-size: 30px;

}
.volunteer .imgb{
    width:100%;
    height:100%;
    overflow:hidden;
}
.volunteer .imgb img{
    width:100%;
    height:auto;
    max-width:230px;
    object-fit: fill;
}
.testi-circle.circle-outer:before{
    z-index: -1;
}
.testi-heading h2{
    padding: 150px 0 80px;
    font-size: 36px;
    font-weight: 400;
    text-align:center;
}
.testi-slider{
    padding: 20px;
    max-width: 900px;
    margin: 0 auto;
    background:#fff;
    position: relative;

}
.testi-slider .item {
    padding: 10px 20px;
    width: 100%;
}
.testi-slider:before {
    content: '';
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    top: 10px;
    left: 10px;
    border: 1px solid #ece9e3;
    display: block;
}
.testi-slider:after {
    content: '';
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    bottom: 10px;
    right: 10px;
    border: 1px solid #ece9e3;
    display: block;
}
.testi-slider .box {
    padding: 30px;
    text-align: center;
}
.testi-slider .txtb {
    font-size: 14px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}
.testi-slider .imgb {
    overflow: hidden;
    width: 60px;
    height: auto;
    margin: 0 auto;
}
.testi-slider .imgb img {
    width: 100%;
    height: auto;
    border-radius: 100%;
}
.testi-slider .name {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}
.testi-slider .designation{
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
}
.testi-slider .owl-prev span,
.testi-slider .owl-next span{
    position: absolute;
    top: 35%;
    left: 0;
    font-size: 30px;
}
.testi-slider .owl-next span{
    right:0;
    left:initial;
}
.testi-slider .owl-theme .owl-nav [class*=owl-]:hover{
    color:black;
    background:transparent;
}
.social.add{
    padding: 10px 0 15px;
}
.social.add li {
    float: left;
    padding: 0 5px;
    display: inline-block;
}
.social.add a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #000;
    display: block;
    text-align: center;
    border: 1px solid #ff6633;
    border-radius: 100%;
    transition:0.5s;
}
.social.add li:hover a{
    color:#fff;
    background:#ff6633;
}
.support-us,
.contact-us{
    padding: 80px 0;
}
.support-us-inner,
.contact-us-inner{
    max-width:900px;
    margin:0 auto;
}
.support-us .left h2{
    text-align: right;
    font-size:45px;
}
.support-us .left h2 span{
    display:block;
        color: #ff9100;
}
.support-us .left h2 span.red{
    color:#ff9100;
}
.support-us .right{
    margin-top: 20px;
    border-left: 4px solid #ff9100;
}
.support-us .right p {
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 20px;
    padding-left:20px;
    font-family: 'Roboto', sans-serif;
}  
.contact-us h2{
    text-align: right;
    font-size: 45px;
}
.contact-us h2 span{
    color:#ff9100;
}
.contact-us .right{
    margin-top: 20px;
    border-left: 4px solid #ff9100;
}
.contact-us p{
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif;
}
.contact-form{
    padding:40px 20px;
    font-family: 'Roboto', sans-serif;
}
.for-support{
    padding-left: 20px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;;
}
/*.donate-btn{*/
/*    margin-left:15px;*/
/*    color:#fff;*/
/*    background:#ff9100;*/
/*}*/

/*banner slider*/
.top-banner {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    max-height: 100vh;
}
.bg-slider img {
    width: 50%;
    max-height: 100vh;
    object-fit: cover;
    object-position: left;
    float: right;
    min-height: 100vh;
}
.top-banner .banner-image {
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    width: 100%;
    height: 100%;
}
.caption {
    position: absolute;
    top: 20%;
    left: 22%;
    color: #fff;
    font-size: 18px;
    z-index: 3;
}
.caption h1 {
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    font-family: 'Velo Serif Display';
    margin-top: 10px;
}
.orange-color {
    background: #ffd752;
    padding: 0 15px;
    color:#000;
    border-radius: 4px;
}
.caption small {
    font-family: 'Roboto', sans-serif;
    padding: 0px 15px;
    line-height: 24px;
    max-width: 550px;
    font-size:16px;
}
.top-banner .social {
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 3;
    list-style:none;
}
.top-banner .social a {
    display: block;
    width: 40px;
    height: 40px;
    color: white;
}
.top-banner .social a .fa {
    font-size: 25px;
    line-height: 20px;
}


.greditext{
  font-size: 150px;
  font-weight: 800;
  outline: none;
  text-transform: uppercase;
  
  background-color: #ffd752;
  /*background-image: linear-gradient(135deg, #ffd752 0%, #ff7537 25%,#ffd752 50%, #ff7537 75%,#ffd752 100%);*/

   background-image: linear-gradient(135deg, #ff7537 0%, #ffd752 25%,#ff7537 50%, #ffd752 75%, #ffd752 85%, #ff7537 100%);

  background-size: 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  animation: animate1 15s linear infinite;
}
@keyframes animate1 {
  to{
    background-position: 400%;
  }
}


/* faq */

.faq .txtb {
    margin-bottom: 50px;
}
.faq .panel-group {
    max-width: 850px;
    margin: 0 auto;
}
.faq .panel-group .panel {
    border: none;
    border-radius: 0;
    margin-bottom: 15px;
}
.faq .panel-default>.panel-heading {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
}
.faq .panel-default>.panel-heading h4 a {
    display: block;
    padding: 5px 0;
    color: #000;
    line-height: 30px;
    border-bottom: 1px solid #333;  
    font-size: 18px;
    padding-bottom: 10px;
}
.faq .panel-default>.panel-heading h4 a .fa {
    float: right;
}
.faq .panel-default>.panel-heading h4 a .fa-minus {
    display: block;
}
.faq .panel-default>.panel-heading h4 a .fa-plus {
    display: none;
}
.faq .panel-default>.panel-heading h4 a.collapsed .fa-minus {
    display: none;
}
.faq .panel-default>.panel-heading h4 a.collapsed .fa-plus {
    display: block;
}
.faq .panel-body {
    padding: 15px 0 0 0;
}
.faq .panel-body p {
    padding-bottom: 15px;
    line-height: 24px;
    padding-left: 0;    
}
.policies .policies-heading {
    font-size: 30px ;
    text-align: left ;
    float: initial;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 20px;
    text-transform: uppercase;
}
.policies li {
    display: flex;
    align-items: center;
}
.policies li span {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    display: block;
    border-radius: 100%;
    padding: 7px;
}
.policies li p {
    padding: 10px;
    line-height: 30px;
}
.volunteer{
    display:none;
}
.volunteer.mb{
    display:none;
}
.volunteer.dark{
    display:block;
}
.a2a_default_style a {
  margin: 10px 5px;
  width: 40px;
  height: 40px;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ff6633;
  border-radius: 100%;
  text-align: center;
  line-height: 40px;
  color:#000;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
  border-radius: 100%;
  overflow: hidden;
}
.a2a_default_style a:hover{
    color: #fff;
    background: #ff6633;
}
.popup.fade {
    transition: opacity .15s linear;
    background: rgba(0,0,0,0.5);
}
.close-popup{
    position: absolute;
    width: 30px;
    height: 30px;
    background: orange !important;
    opacity: 1;
    color: #fff;
    right: 110px;
    top: 15%;
    border-radius: 100%;
    transform: translateY(-15%)
}
.popup img{
    width:100%;
    height:auto;
    border-radius:100%;
    max-width: 400px;
}
.popup .modal-dialog{
    position: relative;
    top: 50%;
    transform: translateY(-50%)!important;
}
.popup .modal-body{
    display:flex;
    align-items:center;
    justify-content:center;
}
.popup .modal-content{
    height:400px;
    border-radius:100%;
    background-color: transparent;
    border:none;
}

span.red {
    color: #ff9100;
    font-size: 14px;
}

.copyrightpadding{
   padding: 0px 0 35px 0;
}

/*-------------------------------------------------------*/
/*responsive*/
/*---------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 767px){
    .container {
        padding: 0 15px;
    }

    .btn{
        line-height: 16px;
        font-size: 12px;
    }
    .btn2{
        padding:5px 20px;
    }
    /* header */
    .header {
        text-align: left;
        padding: 10px 0;
    }
    .header:after {
        display: table;
        clear: both;
        content: '';
    }
    .header .box{
        line-height: 30px;
    }
    .header2 .logo, .header2 .menu-bar{
        width:auto;
    }
    .down-arrow{
        bottom:100px;
        display: none;
    }
    .navigation{
        font-size: 16px;
    }
    .collection-dropdown p{
        width: fit-content;
        margin-left: auto;
    }
    .collection-dropdown .dd-menu{
        top: 43px;
        font-size: 14px;
    }
    .collection-dropdown .dd-menu li{
        line-height: 25px;
    }
    .main header.mp{
        margin-top: 10px;
    }
    /* menu */
    .menu {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        margin-top: 6px;
    }
    .menu span {
        background: #000;
        width: 100%;
        height: 4px;
        display: block;
        margin-top: 4px;
    }

    /* mb-menu */
    .mb-menu {
        background: #fff;
        width: 260px;
        height: 100vh;
        float: left;
        font-weight: bold;
        box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9;
    }
    .mb-menu .close {
        background: red;
        width: 30px;
        height: 30px;
        float: left;
        text-align: center;
        font-size: 24px;
        color: #fff;
        line-height: 30px;
        opacity: 1;
        position: absolute;
        right: -30px;
        top: 0;
        z-index: 2;
    }
    .mb-menu li {
        border-top: 1px solid #ddd;
    }
    .mb-menu li:first-child {
        border-top: none;
    }
    .mb-menu li a {
        display: block;
        padding: 15px;
        color: #000;
    }
    .mb-menu.mp .close{
        right: -30px;
    }
    /* logo */
    .logo-mb {
        float: left;
        margin-left: 15px;
    }
    .logo-mb img {
        width: auto;
        height: 40px;
    }
    .mb-menu.mp li a{
        font-size:13px;
    }
    .header .float-right {
        padding: 8px 0;
    }
    .header .cart {
        float: right;
        margin-left: 15px;
        padding:0;
    }
    .header .cart img {
        width: auto;
        height: 24px;
    }
    .header .cart span{
        margin-left: 5px;
        font-size: 16px;
        color: black;
    }
    header .box .cart{
        right: 65px;
    }
    .main .menu-bar .imgb img, .header2 .menu-bar .imgb img{
        width:20px;
    }
    .main .menu-bar .imgb:before, .header2 .menu-bar .imgb:before{
        width: 30px;
        height: 30px;
        top: -2px;
        left: -5px;
    }
    .heading{
        padding: 20px 0;
    }
    .heading h2{
        font-size: 60px;    
    }
    .circle-bg,
    .about .circle-bg{
        width: 250px;
        height: 250px;
    }
    .collections .circle-bg,
    .explore .circle-bg {
        width: 250px;
        height: 250px;
    }
    .collections .circle-bg ul li p {
        font-size: 18px;
        line-height: 24px;
    }
    .circle-bg ul li {
        font-size: 35px;
        line-height: 45px;
        white-space: normal;
    }
    .circle-bg:before {
        width: 2px;
        height: 200px;
        top: -50%;
    }
    .collections .circle-bg ul li {
        line-height: 36px;
    }
    .circle-bg ul li p {
        font-size: 16px;
    }
    .horizontal-slider li img {
        min-width: 320px;
        min-height: 350px;
    }
    .discover .heading h2 {
        font-size: 26px;
    }
    .discover .txtb {
        padding: 15px 0 30px;
        text-align: center;
        margin:0px;
    }
    .discover .txtb .title {
        font-size: 18px;
    }
    .discover .txtb p {
        font-size: 12px;
        line-height: 18px;
    }
    footer .copyright,
    footer .follow {
        padding: 15px;
        font-size: 12px;
    }
    footer .follow i {
        font-size: 14px;
        padding: 15px 12px 0 0;
    }
    footer .other-links li {
        display: block;
        padding: 5px 15px;
        border-right: none;
        font-size: 12px;
    }
    footer .support {
        font-size: 12px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    footer .support a,
    footer .support p {
        padding: 5px 15px;
        line-height: normal;
        text-align: left !important;
    }
    a.designdot {
        float: left;
    }
    header.mp {
        background: #3d3d3d87;
    }
    .logo img {
        max-width: 150px;
    }
    .menu-text {
        display: none;
    }
    .scrolled .logo img {
        max-width: 130px;
    }
    header.mp .menu span {
        background: #fff;
    }
    .header.sticky {
        top: 51px;
    }
    .top-banner {
        background: #363838;
        height: 100%;
    }
    .top-banner .caption {
        position: relative;
        top: initial;
        left: initial;
        padding: 15px;
        font-size: 12px;
        padding-bottom: 65px;
    }
    .arrow img {
        height: 40px;
        width: auto;
        margin-left: 0;
    }
    .top-banner{
        min-height:initial;
        max-height:initial;
    }
    .top-banner .banner-image{
        position:relative;
        height: auto;
    }
    .bg-slider img{
        height: auto;
        min-height: initial;
        margin-right: -35%;
        width:100%;
    }
    .top-banner .caption h1 {
        font-size: 30px;
        line-height: 30px;
        margin-left: 50px;
        margin-top: 10px;
    }
    .top-banner small {
        padding: 0;
        display: block;
        margin-left: 50px;
    }
    .top-banner .social {
        position: absolute;
        bottom: 65px;
        left: -15px;
    }
    .top-banner .social a {
        width: 25px;
        height: 25px;
        display: block;
    }
    .down-arrow a.link {
        width: 100px;
        height: 100px;
        bottom: initial;
    }
    .down-arrow a.link img {
        height: 20px;
    }
    .top-banner .social a .fa {
        font-size: 15px;
    }
    .slider .column {
        width: 100%;
    }
    .slider .column li {
        padding: 10px;
    }
    .slider .column .txtb {
        margin: 20px 0 0;
    }
    .slider .column .txtb h5 {
        font-size: 12px;
        padding-bottom: 10px;
    }
    li.flex-nav-next,
    li.flex-nav-prev {
        line-height: 35px;
    }
    li.flex-nav-next a,
    li.flex-nav-prev a {
        width: 35px;
        height: 35px;
    }
    .about {
        padding: 40px 0;
    }
    .about .about-text {
        margin-left: 0;
        text-align: center;
    }
    .about .txtb h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .about .txtb p {
        font-size: 12px;
        line-height: 20px;
        margin-left: 0;
        text-align: justify;
    }
    .grid-sizer, .item{
        width:100%;
    }
    .initiative .box {
        column-count: 1;
        display: flex;
        flex-direction: column;
    }
    .initiative .box .heritage-mb {
        order: 1;
    }
    .initiative .content .left {
        padding: 0 20px 0 0;
    }
    .initiative .content .right1 {
        padding: 0 0 0 20px;
    }
    .initiative .heading h2 {
        font-size: 35px;
        line-height: 40px;
        text-align: center;
        font-family: 'Velo Serif Display';
    }
    .initiative .content .left h3,
    .initiative .content .right1 h3 {
        font-size: 20px;
        margin:0;
        font-family: 'Velo Serif Display';
    }
    .initiative .content .left img,
    .initiative .content .right1 img {
        height: 30px;
    }
    .initiative .content .right h3 {
        font-family: 'Velo Serif Display';
        font-size: 20px;
        line-height: 26px;
        text-align:left;
    }
    .initiative .content .right p {
        font-size: 14px;
        line-height: 24px;
    }
    .initiative .explore {
        margin: 55px 0 0;
        font-size: 14px;
    }
    .initiative .explore .fa {
        top: 0;
    }
    .initiative .content2 .right {
        padding-right: 15px;
        padding-left: 15px;
    }
    .top-bar {
        display: none;
    }
    .quality .heading h2 {
        font-size: 35px;
        line-height: 45px;
        padding-bottom: 20px;
    }
    .quality .heading p {
        font-size: 12px;
        line-height: 24px;
    }
    .quality .circle-bg {
        margin: 40px auto;
    }
    .circle-outer:before {
        width: 2px;
        height: 400px;
        background: #fff;
        top: -50%;
    }
    .cat-slider .slider {
        padding-bottom: 70px;
    }
    .cat-slider .slider .flex-direction-nav {
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
    }
    .discover .imgb.pr-40 {
        padding-right: initial;
    }
    .discover .imgb.pl-40 {
        padding-left: initial;
    }
    .collection-box .column {
        min-width: 100%;
        width: 100%;
    }
    .bredcum,
    .collection-dropdown p {
        font-size: 12px;
    }
    .bredcum h2:after {
        width: 50px;
        height: 2px;
    }
    .bredcum span {
        margin-left: 60px;
    }
    .collection-dropdown:after {
        height: 15px;
        top: 19px;
        right: 45px;
    }
    .collection-dropdown p {
        padding-right: 15px;
    }
    .container2 {
        padding: 0 10px;
    }
    .view-details .flex-control-nav.flex-control-thumbs img {
        max-width: 35px;
    }
    .view-details .prod-name {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .price p,
    .quantity,
    .view-details .desc p {
        font-size: 12px;
        line-height: 24px;
    }
    .quality .circle-bg .imgb img {
        min-width: 320px;
        height: auto;
    }
    .slider .column img {
        min-height: 200px;
    }
    .other-links ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }
    .discover .imgb .view {
        position: relative;
        bottom: initial;
        left: initial;
        text-align: center;
    }
    .view-details {
        padding: 10px 0;
    }
    .volunteer {
        bottom: 10px;
    }
    .policies p {
        line-height: normal;
    }
    .policies .policies-heading {
        font-size: 22px;
    }
    .volunteer.dark{
        display:none;
    }
    .volunteer.mb{
        display:block;
    }
    .volunteer{
        left: 50%;
        right:initial;
        transform: translateX(-50%);
    }
    .volunteer .imgb img{
        max-width: 320px;
        min-width: 290px;
    }
    .testi-slider .item,
    .testi-slider .box{
        padding: 10px;
    }
    .popup .modal-content {
        width: 100%;
        height: auto;
        border-radius: 100%;
    }
    .close-popup {
        right: 13%;
    }
}


@media (min-width: 320px) and (max-width: 767px){
.d-block{
    display:block !important;
}

.bg-slider img {
    height: auto;
    min-height: initial;
    margin-right: -35%;
    width: 100%;
}

}
   
@media (min-width: 576px) and (max-width: 767px){
    .about{
        padding: 80px 0;
    }
    .about .about-text{
        margin-left: 150px;
        text-align: initial;
    }
    .collection-box .column{
        min-width: 50%;
    }
    .hc{
        position: absolute;
        top: 15%;
        left: 40%;
    }
    .contact-us h2 {
        font-size: 24px;
    }
    .support-us .left h2 {
        font-size: 24px;
    }
    
 
     
}

@media (max-width: 769px){


.lgx-footer .lgx-footer-bg {
    background-position: 100% 100%  !important;
}

.caption h1 {
    font-size: 50px;
    line-height: 48px;
}
.down-arrow {
    display: none;
}
.caption small {
    font-size: 14px;
}
.initiative .heading h2 {
    font-size: 60px;
}


.lgx-footer .landingfooter {
    background-position: 100% 100% !important;
}
}
@media (min-width: 768px) and (max-width: 991px){
    
            .contact-us h2 {
        font-size: 26px;
    }
    .support-us .left h2 {
        font-size: 26px;
    }
    
    
    .container {
        padding: 0 30px;
    }
    .container2 {
        padding: 0 30px;
    }
    .logo img{
        max-width:200px;
    }
    .scrolled .logo img {
        max-width: 150px;
    }
    .menu-text{
        top: 15px;
    }
    .scrolled .menu-text {
        top: 10px;
    }
    .menu-text{
        right: 90px;
    }
    header .box .cart{
        right: 180px;
    }
    .header2 .menu-text{
        top: 20px;
        display:none;
    }
    .header2 .scrolled .menu-text{
        top:20px;
    }
    .mb-menu.mp li a{
        font-size:13px;
    }
    .arrow img{
        height: 40px;
        width: auto;
    }
    .top-banner .caption {
        top: 10%;
        left: 20%;
    }
    .top-banner .caption h1{
        font-size: 40px;
        line-height: 42px;
    }
    
    .arrow {
    margin-top: 33px;
}
    .top-banner small{
        line-height: 16px;
        max-width: 300px;
        font-size: 12px;
    }
    .top-banner .social {
        bottom: 50px;
        left: 30px;
    }
    .top-banner,
    .bg-slider img{
        min-height: 70vh;
        max-height: 70vh;
    }
    .down-arrow{
        display:none;
    }
    .circle-bg{
        width: 250px;
        height: 250px;
    }
    .circle-bg ul li{
        font-size: 35px;
        line-height: 45px;
    }
    .btn{
        padding: 5px 30px;
        font-size: 12px;
    }
    .btn2 {
        padding: 2px 35px;
    }
    .slider .column .txtb{
        margin: 30px 0 0
    }
    .slider .column .txtb h5{
        padding-bottom: 10px;
    }
    .slider li.flex-nav-prev,.slider li.flex-nav-next{
        line-height:40px;
    } 
    .slider li.flex-nav-prev a,.slider li.flex-nav-next a{
        width: 40px;
        height: 40px;
    }
    .slider .flex-direction-nav {
        left: 50%;
        transform: translateX(-50%);
        bottom: -60px;
    }
    .about{
        padding: 50px 0;
    }
    .about .circle-bg{
        width: 250px;
        height: 250px;
    }
    .about .about-text{
        /*margin-top: -200px;*/
    }
    .about .txtb h2{
        font-size: 35px;
        line-height: 45px;
    }
    .about .txtb p{
        font-size: 15px;
       font-family: 'Roboto', sans-serif;
       line-height: 35px;
    }
    .heading{
        padding: 90px 0 60px;
    }
    .initiative .heading h2{
        font-size: 35px;
        line-height: 45px;
    }
    .initiative .content .left{
        padding: 0 20px;
    }
    .initiative .content .left img{
        height: 30px;
    }
    .initiative .content .right h3{
        font-size: 20px;
        line-height: 26px;
    }
    .initiative .content .right p{
        font-size: 12px;
        line-height: 20px;
        padding-top: 12px;
    }
    .initiative .explore{
        margin: 30px 0 0;
        font-size: 14px;
    }
    footer{
        font-size:12px;
    }
    footer .other-links li{
        font-size: 12px;
        width: 100%;
        border: none;
        line-height: 20px;
        display:block;
    }
    footer .follow i {
        font-size: 14px;
        padding: 15px 12px 0 0;
    }
    .top-bar h1{
        font-size:26px;
    }
    .header.sticky{
        top: 78px;
    }
    .quality .heading h2{
        padding-bottom: 50px;
        font-size: 50px
    }
    .quality .heading p{
        font-size: 18px;
        line-height: 30px;
    }
    .quality .circle-bg{
        margin: 100px auto;
    }
    .collections .circle-bg ul li p {
        font-size: 18px;
        line-height: 30px;
    }
    .collection-box .txtb{
        font-size:12px;
    }
    .discover .heading h2{
        font-size: 26px;
    }
    .discover .txtb .title{
        font-size:18px;
    }
    .discover .txtb p{
        font-size:14px;
    }
    .collections .circle-bg, .explore .circle-bg{
        width: 250px;
        height: 250px;
    }
    .view-details .flex-control-nav.flex-control-thumbs img{
        max-width: 35px;
    }
    .view-details .prod-name{
        font-size: 18px;
        padding-bottom: 15px
    }
    .view-details .desc p, .price p, .quantity{
        font-size: 12px;
        line-height: 24px;
    }
    .quality .circle-bg .imgb img {
        min-width: 400px;
        height: auto;
    }
    .cat-slider .slider{
        margin-bottom:60px;
    }
    .slider .column .txtb h5{
        font-size: 14px;
    }
    .slider .column img{
        min-height:200px;
    }
    .collection-box .txtb{
        min-height: 170px;
    }
    .horizontal-slider.collection-box .column{
        min-width: 50%;
    }
    .discover .imgb .view {
        position: relative;
        bottom: initial;
        left: initial;
        text-align: center;
    }
    .discover .txtb {
        text-align: center;
    }
    .collection-box .column{
        min-width: 50%;
    }
    .collection-dropdown .dd-menu li{
        font-size:14px;
    }
    .policies .policies-heading {
        font-size: 22px;
    }
    
    .testi-slider .item,
    .testi-slider .box{
        padding: 10px;
    }
}
@media (min-width:992px) and (max-width:1199px){
        .contact-us h2 {
        font-size: 30px;
    }
    
    .support-us .left h2{
        font-size: 30px;
    }
    
    
    .container {
        padding: 0 30px;
    }
    .container2 {
        padding: 0 30px;
    }
    .logo img{
        max-width:200px;
    }
    .scrolled .logo img {
        max-width: 150px;
    }
    .menu-text{
        top: 15px;
    }
    .scrolled .menu-text {
        top: 10px;
    }
    .menu-text{
        right: 90px;
    }
    header .box .cart{
        right: 180px;
    }
    .header2 .menu-text {
        top: 20px;
    }
    .header2 .scrolled .menu-text {
        top: 20px;
    }
    .mb-menu.mp li a {
        font-size: 13px;
    }
    .collection-dropdown p{
        right: 170px;
    }
    .collection-dropdown .dd-menu{
        right: 160px;
    }
    .collection-dropdown:after{
        right: 170px;
    }
    .collection-dropdown:before{
        right: 180px;
    }
    .arrow img {
        height: 40px;
        width: auto;
    }
    .top-banner .caption h1 {
        font-size: 55px;
        line-height: 70px;
    }
    .top-banner small {
        line-height: 18px;
        max-width: 300px;
        font-size: 12px;
    }
    .top-banner .caption{
        left: 25%;
    }
    .down-arrow a.link {
        width: 150px;
        height: 150px;
    }
    .circle-bg ul li {
        font-size: 45px;
        line-height: 55px;
    }
    .btn {
        padding: 5px 30px;
    }
    .cat-slider .slider {
        margin-bottom: 80px;
    }
    .slider .column .txtb {
        margin: 30px 0 0;
    }
    .slider .column .txtb h5 {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .slider .column img {
        min-height: 250px;
    }
    .about .txtb h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .about .txtb p {
        font-size: 20px;
        line-height: 40px;
    }
    .heading {
        padding: 90px 0 60px;
    }
    .initiative .heading h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .initiative .content .right h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .initiative .content .left{
        padding-left:0;
    }
    .initiative .content .left h3,
    .initiative .content .right1 h3 {
        font-size: 25px;
    }
    .initiative .content .left img,
    .initiative .content .right1 img {
        height: 30px;
    }
    .initiative .content .right p {
        font-size: 12px;
        line-height: 20px;
        padding-top: 12px;
    }
    .initiative .explore {
        margin: 30px 0 0;
        font-size: 14px;
    }
    footer {
        font-size: 12px;
    }
    footer .other-links li {
        font-size: 12px;
        width: 100%;
        border: none;
        line-height: 20px;
        display: block;
    }
    footer .follow i {
        font-size: 14px;
        padding: 15px 12px 0 0;
    }
    .quality .heading h2 {
        padding-bottom: 50px;
        font-size: 60px;
    }
    .quality .heading p {
        font-size: 20px;
        line-height: 30px;
    }
    .quality .circle-bg .imgb img {
        min-width: 420px;
        height: auto;
    }
    .collections .circle-bg,
    .explore .circle-bg {
        width: 250px;
        height: 250px;
    }
    .collections .circle-bg ul li p {
        font-size: 20px;
        line-height: 30px;
    }
    .horizontal-slider.collection-box .column {
        min-width: 33.33%;
    }
    .discover .heading h2 {
        font-size: 30px;
    }
    .discover .imgb .view {
        position: relative;
        bottom: initial;
        left: initial;
        text-align: center;
    }
    .discover .txtb {
        text-align: center;
    }
    .collection-box .column {
        min-width: 33.33%;
    }
    .header.sticky {
        top: 78px;
    }
    .view-details .prod-name {
        font-size: 20px;
    }
    .price p,
    .quantity,
    .view-details .desc p {
        font-size: 12px;
        line-height: 24px;
    }
    .collection-dropdown .dd-menu li {
        font-size: 14px;
    }
    .policies .policies-heading {
        font-size: 22px;
    }
    .header2 .menu-text {
        top: 30px;
        font-size: 12px;
        padding: 5px 10px;
    }
    .header2 .scrolled .menu-text {
        top: 20px;
    }
    .mb-menu.mp li a {
        font-size: 13px;
    }
    .arrow img {
        height: 40px;
        width: auto;
    }
    .top-banner .caption h1 {
        font-size: 55px;
        line-height: 70px;
    }
    .top-banner small {
        line-height: 18px;
        max-width: 300px;
        font-size: 12px;
    }
    .down-arrow a.link {
        width: 150px;
        height: 150px;
    }
    .circle-bg ul li {
        font-size: 45px;
        line-height: 55px;
    }
    .btn {
        padding: 5px 30px;
    }
    .cat-slider .slider {
        margin-bottom: 80px;
    }
    .slider .column .txtb {
        margin: 30px 0 0;
    }
    .slider .column .txtb h5 {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .slider .column img {
        min-height: 250px;
    }
    .about .txtb h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .about .txtb p {
        font-size: 20px;
    }
    .heading {
        padding: 90px 0 60px;
    }
    .initiative .heading h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .initiative .content .right h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .initiative .content .left h3,
    .initiative .content .right1 h3 {
        font-size: 25px;
    }
    .initiative .content .left img,
    .initiative .content .right1 img {
        height: 30px;
    }
    .initiative .content .right p {
        font-size: 12px;
        line-height: 20px;
        padding-top: 12px;
    }
    .initiative .explore {
        margin: 30px 0 0;
        font-size: 14px;
    }
    footer {
        font-size: 12px;
    }
    footer .other-links li {
        font-size: 12px;
        width: 100%;
        border: none;
        line-height: 20px;
        display: block;
    }
    footer .follow i {
        font-size: 14px;
        padding: 15px 12px 0 0;
    }
    .quality .heading h2 {
        padding-bottom: 50px;
        font-size: 60px;
    }
    .quality .heading p {
        font-size: 20px;
        line-height: 30px;
    }
    .quality .circle-bg .imgb img {
        min-width: 420px;
        height: auto;
    }
    .collections .circle-bg,
    .explore .circle-bg {
        width: 250px;
        height: 250px;
    }
    .collections .circle-bg ul li p {
        font-size: 20px;
        line-height: 30px;
    }
    .horizontal-slider.collection-box .column {
        min-width: 33.33%;
    }
    .discover .heading h2 {
        font-size: 30px;
    }
    .discover .imgb .view {
        position: relative;
        bottom: initial;
        left: initial;
        text-align: center;
    }
    .discover .txtb {
        text-align: center;
    }
    .collection-box .column {
        min-width: 33.33%;
    }
    .header.sticky {
        top: 78px;
    }
    .view-details .prod-name {
        font-size: 20px;
    }
    .price p,
    .quantity,
    .view-details .desc p {
        font-size: 12px;
        line-height: 24px;
    }
    .collection-dropdown .dd-menu li {
        font-size: 14px;
    }
    .policies .policies-heading {
        font-size: 22px;
    }

}
@media (min-width: 1200px) and (max-width: 1399px) {
    
    .support-us .left h2{
            font-size: 35px;
    }
    
    .header2 .logo img,
    .main .logo img {
        max-width: 200px;
    }
    .main header.mp {
        margin-top: 20px;
    }
    .header2.scrolled .logo img,
    .main .scrolled .logo img {
        max-width: 150px;
    }
    .menu-text {
        font-size: 12px;
        top: 20px;
    }
    .header2 .menu-bar .imgb:before,
    .main .menu-bar .imgb:before {
        width: 40px;
        height: 40px;
        top: -8px;
        left: -7px;
    }
    .scrolled .menu-text {
        top: 15px;
    }
    .mb-menu.mp li a {
        font-size: 10px;
    }
    
    .collection-dropdown p{
        right: 190px;
    }
    .collection-dropdown .dd-menu{
        right: 180px;
    }
    .collection-dropdown:after{
        right: 190px;
    }
    .collection-dropdown:before{
        right: 200px;
    }
    .top-bar h1 {
        font-size: 25px;
        line-height: 45px;
    }
    .arrow img {
        height: auto;
        line-height: 90px;
    }
    .top-banner .caption {
        left: 20%;
        font-size: 13px;
    }
    .top-banner .caption h1 {
        font-size: 75px;
    }
    .top-banner small {
        line-height: 20px;
        max-width: 400px;
    }
    .top-banner .social a .fa {
        font-size: 24px;
    }
    .down-arrow a.link{
        width:150px;
        height:150px;
    }
    .slider .column .circle-bg {
        top: 45%;
        left: 45%;
        transform: translate(-45%, -45%);
        width: 270px;
        height: 270px;
    }
    .circle-bg ul li {
        font-size: 40px;
        line-height: 50px;
    }
    .slider .column img {
        max-height: 600px;
    }
    .slider .column .txtb {
        margin: 35px 0 0;
    }
    .slider .column .txtb h5 {
        font-size: 18px;
    }
    .btn {
        font-size: 12px;
        padding: 0 20px;
    }
    .about .circle-bg {
        width: 270px;
        height: 270px;
    }
    .about .txtb {
        max-width: 850px;
    }
    .about .txtb p {
        font-size: 18px;
        line-height:40px;
    }
    .heading {
        padding: 50px 0;
    }
    .initiative .heading h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .initiative .content .right h3 {
        font-size: 35px;
        line-height: 40px;
    }
    .initiative .content .left{
        padding-left:0;
    }
    .initiative .content .left h3,
    .initiative .content .right1 h3 {
        font-size: 25px;
    }
    .initiative .content .left img,
    .initiative .content .right1 img {
        height: 30px;
    }
    .initiative .content .right p {
        font-size: 20px;
        line-height: 28px;
    }
    .initiative .explore {
        font-size: 17px;
    }
    .initiative .box {
        max-width: 950px;
    }
    .initiative .box .block {
        padding: 0 25px;
    }
    footer .copyright,
    footer .follow {
        font-size: 12px;
    }
    footer .follow i {
        font-size: 20px;
        padding: 15px 15px 0 0;
    }
    footer .other-links li {
        padding: 0 15px;
        font-size: 12px;
    }
    footer .support {
        font-size: 12px;
    }
    footer .support a,
    footer .support p {
        line-height: 18px;
    }
    .discover .txtb .title {
        font-size: 18px;
    }
    .discover .txtb p {
        font-size: 12px;
        line-height: 18px;
    }
    .collection-box .txtb {
        font-size: 16px;
        line-height: 20px;
        padding: 30px 1px;
    }
    .bredcum {
        font-size: 14px;
    }
    .about .txtb h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .header.sticky {
        top: 63px;
    }
    .quality .heading h2 {
        padding-bottom: 50px;
        font-size: 70px;
    }
    .quality .heading p {
        font-size: 20px;
        line-height: 30px;
    }
    .collections .circle-bg,
    .explore .circle-bg {
        width: 300px;
        height: 300px;
    }
    .collections .circle-bg ul li p {
        font-size: 20px;
        line-height: 50px;
    }
    .discover .heading h2 {
        font-size: 26px;
    }
    .collection-dropdown .dd-menu li {
        line-height: 30px;
        font-size: 14px;
    }
    .view-details .prod-name {
        font-size: 18px;
    }
    .price p,
    .quantity,
    .view-details .desc p {
        font-size: 12px;
        line-height: 24px;
    }
    .quality .circle-bg .imgb img {
        min-width: 500px;
        height: auto;
    }
    .contact-us h2 {
        font-size: 35px;
    }
    .policies .policies-heading {
        font-size: 26px;
    }
}
@media (min-width: 1500px) and (max-width: 1960px) {
    .container3 {
        padding: 0 200px;
    }
    .initiative .box {
        max-width: 1200px;
    }
    .mb-menu.mp li a {
        font-size: 14px;
    }
    .circle-bg {
        width: 450px;
        height: 450px;
    }
    
    .collections .circle-bg,
    .explore .circle-bg {
        box-shadow: -61px 22px 62px rgba(221, 221, 221, 0.58);
        width: 370px;
        height: 370px;
    }
    .about .circle-bg {
        width: 300px;
        height: 300px;
        
    }
    .about-collapse a {
        display: block;
        color: #000;
        font-size: 16px;
        line-height: 24px;
    }
    .about-collapse a .fa {
        float: right;
        line-height: 24px;
    }
    .about-collapse .section-heading {
        padding-bottom: 5px;
    }
    .about-collapse p {
        font-size: 14px;
        line-height: 24px;
    }
    .testi-slider {
        max-width: 1200px;
    }
    .testi-circle.circle-outer:before {
        z-index: -1;
    }
    .testi-slider .txtb {
        font-size: 18px;
        line-height: 28px;
    }
    .testi-slider .name {
        font-size: 22px;
    }
    .testi-slider .designation {
        font-size: 18px;
    }
    .volunteer .imgb img {
        max-width: 300px;
    }
    .volunteer .close-btn {
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: -20px;
        top: -20px;
    }
    .collection-dropdown p {
        right: 60px;
        height: 50px;
        font-size: 20px;
    }
    
    .collection-dropdown p{
        right: 220px;
    }
    .collection-dropdown .dd-menu{
        right: 210px;
        top:60px;
    }
    .collection-dropdown:after{
        right: 220px;
        top: 25px;
    }
    .scrolled .collection-dropdown p{
        top:0;
    }
    .scrolled .collection-dropdown:after{
        top: 15px;
    }
    .scrolled .collection-dropdown .dd-menu{
        top:55px;
    }
    .collection-dropdown:before{
        right: 220px;
    }
    .dd-menu a {
        font-size: 18px;
    }
    .collection-dropdown:before {
        top: 35px;
    }
    .testi-circle .circle-bg li {
        line-height: 65px !important;
    }
    .volunteer {
        bottom: 110px;
    }
    .contact-us-inner,
    .support-us-inner {
        max-width: 1200px;
    }
    .support-us .left h2 span {
        display: block;
    }
    .support-us .right p {
        font-size: 18px;
        line-height: 30px;
    }
    .support-us .left h2{
        font-size:60px;
    }
    
    .contact-us h2 {
        font-size: 60px;
    }
    .contact-us p {
        font-size: 18px;
        line-height: 30px;
    }
    .policies p {
        font-size: 18px;
        line-height: 30px;
    }
    .policies li span {
        padding: 5px;
    }
    .popup img{
        width:100%;
        height:auto;
        max-width:390px;
        max-height:390px;
        object-fit:cover
    }
    .popup .modal-dialog{
        position: relative;
        top: 50%;
        transform: translateY(-50%)!important;
    }
    .close-popup{
        width: 40px;
        height: 40px;
        line-height:40px;
        top: 15%;
        border-radius: 100%;
        transform: translateY(-15%);
        right: 110px;
    }
    .view-details .desc p, .price p, .quantity,span.red{
        font-size:16px;
    }
}



ul.slides {
    margin: 0;
    padding: 0;
}


.donate-btn {
    display: inline-block;
    position: absolute;
    right: 90px;
    top: 14px;
    font-size: 18px;
    color: #fff;
    padding: 10px 30px !important;
    border: 2px solid #dc4e41;
    border-radius: 35px;
    transition: 0.7s;
    background: #dc4e41;
    text-transform: uppercase;
    font-weight: 450;
    font-family: 'Velo Serif Display';
    letter-spacing: 1px;
    
}


.donate-btn:hover {
    background: #fff  !important;
    color:#dc4e41 !important;
}


.click-reg {
    display: inline-block;
    position: relative;
    right: 0px;
    font-size: 18px;
    color: #000;
    padding: 10px 30px !important;
    border: 2px solid #ffd752;
    border-radius: 35px;
    transition: 0.7s;
    background: #ffd752;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Velo Serif Display';
    letter-spacing: 1px;
}

.click-reg:hover {
    background: #fff  !important;
    color:#f4be37 !important;
}

.mt-30{
    margin-top:20px;
}



.sticky-social{
    position: fixed;
    top: 250px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 9;
}

.sticky-social img{
  height:350px;
}


.click-reg-1 {
        font-size: 18px;
        color: #fff !important;
        padding: 10px 20px !important;
        border: 2px solid #fff;
        border-radius: 35px;
        transition: 0.7s;
        background: #dc4e41;
        text-transform: uppercase;
        font-weight: 500;
        font-family: 'Velo Serif Display';
        letter-spacing: 1px;
        position: relative;
        right: 0px;
        /* line-height: 52px; */
        display: inline-block;
        justify-content: center;
        align-items: center;
  }

 .click-reg-1:hover {
    background: #ffd752 !important;
    color: #000 !important;
 }
@media screen and (max-width: 1025px) {


.donate-btn {
    right: 95px;
    font-size: 14px;
}

}


@media screen and (max-width: 767px) {
.text-align{
    text-align:center !important;
}
}

@media screen and (max-width: 767px) {

.click-reg {
    right: -50px;
}

.sticky-social img{
  height:250px !important;
}



}

@media screen and (max-width: 650px) {
.click-reg-1 {
      
        right: -50px;
       
  }
}

@media screen and (max-width: 450px) {
 
.initiative .heading h2 {
    font-size: 42px;
}   
    
.pd-sm-0{
padding:0;
} 
.donate-btn {
    right: 50px;
    font-size: 14px;
    padding: 10px 14px !important;
    top: 16px;
}
.btn1 {
    top: 10px;
    height:35px;
    width:35px;
    right: 0px;
}

.btn1 span {
    color: white;
    font-size: 24px;
    line-height: 36px;
}

.btn1.click {
    right: 235px;
}

.sidebar {
    top: 10px !important;
}

}


  
@media screen and (max-width: 375px) {


}