.about-section h2{color:#cf6f9d;text-transform: uppercase;margin-top:40px}
.about-section p{text-align: center;font-size: 16px;line-height: 25px;color:#777}
.sign-in-form .field-error,.sign-up-form .field-error{box-shadow: 0 1px 1px #F0F0F0 inset, 0 0 8px #F0F0F0;}
.field-error{box-shadow: 0 1px 1px rgba(207, 111, 157, 0.075) inset, 0 0 8px rgba(207, 111, 157, 0.6);}
.control-error{box-shadow: 0 1px 1px #cf6f9d inset, 0 0 8px #cf6f9d}
.header-social span{color:#FFF;margin-right:10px;}
*, *::after, *::before {box-sizing: border-box;}
*, *::after, *::before { box-sizing: border-box;}
.md-show ~ .md-overlay {opacity: 1; visibility: visible;}
.md-overlay {background: rgba(143, 27, 15, 0.8) none repeat scroll 0 0; height: 100%;left: 0; position: fixed;top: 0;transition: all 0.3s ease 0s;width: 100%;z-index: 1000;}
.padding-0{padding:0;}
.owl-carouse div {width: 100%;}
.owl-carousel .owl-controls .owl-dot {float: left; background-size: cover; margin-top: 10px;}
h1 {font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 30px; color: #fff; text-align:center; position: absolute; width: 100%; top: 0px; margin: 0px; padding: 15px 0px; z-index:200;}
.owl-carousel .owl-dot {float: left; background-size: cover;}
.padding-right-0{padding-right:0px;}
.popup-details h2{color:#FFF;border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;}
.popup-details p{text-align: justify;line-height: 24px;}
.popup-details h4{color:#FFF;font-size: 20px;}
.mb-24{margin-bottom: 24px;}
.title h3{color:#cf6f9d;font-size: 20px;text-transform: uppercase}
.post-meta span strong{color:#cf6f9d}
.post-meta span{font-weight: normal;font-size: 16px;}
.post-meta h4{color:#cf6f9d;text-transform: uppercase;font-size: 22px;}
.sin-blog-post img{border: 3px solid #f0f0f0;margin-right:15px; }
.sin-blog-post p{color: #777;font-size: 15px;text-align: justify}
.post-meta{margin-bottom: 5px;}
.header-top-left div a{float:left;color:#FFF;padding-right:5px;padding-left:5px;}
.header-top-left div a:hover{cursor: pointer}
.header-top-left div.sep a:after{content:'|' !important;margin-left:10px;}
.sign-in-form{width:40% !important;height:auto !important;}
.sign-in-form > div{padding:20px !important}
.sign-in-form h2{color:#FFF;font-weight:300;margin-bottom: 0px;}
.border-bottom{height:1px;background-color:#FFF;margin-top:15px;margin-bottom: 15px;}
.float-left{float:left;margin-right:10px !important;}
.padding-left-0{padding-left: 0px !important;}
.event-image{min-height: 220px !important; max-height: 220px !important;}
.float-bottom{bottom:10%; position: absolute;}
@media only screen and (min-device-width: 360px){
    #contactForm button{margin-bottom: 10px;}
    .padding-left-mobile-0{padding-left: 0px !important;}
    .margin-bottom-mobile-15{margin-bottom: 15px !important;}
    .contact-form form input,.contact-form form textarea{font-size: 12px;}
    .list-pro-des{font-size: 12px;}
    .md-modal{width: 85% !important;}
    .md-content{height: auto !important; font-size: 10px; }
    .margin-70{margin-top: 40px;}
    .page-banner h1 {font-size: 30px;}
    .pro-description{font-size: 14px;}
}
@media only screen and (min-device-width: 768px){
    #contactForm img{height: 35px;}
    .pro-description{font-size: 18px;}
    .sign-in-form, .sign-up-form{width: 90% !important;}
    #contactForm button{margin-bottom: 0px;}
    .padding-left-mobile-0{padding-left: 15px !important;}
    .margin-bottom-mobile-15{margin-bottom: 0px !important;}
    .contact-form form input,.contact-form form textarea{font-size: 14px;}
    .list-pro-des{font-size: 14px;}
    .md-content{height: 340px !important;}
    #modal-20 .md-content,#modal-21 .md-content{height: auto !important;}
    .margin-70{margin-top: 55px;}
    .page-banner h1 {font-size: 45px;}
    img.style1{ min-height: 495px; max-height: 495px;}
    img.style2{min-height: 245px; max-height: 245px;}
    img.popup-image{width: 100%;min-height: 250px !important; max-height: 250px !important;}
    img.grid-image,img.list-image{min-height: 320px; max-height: 320px; width: 100%}
}
@media only screen and (min-device-width: 1024px){
    #contactForm img{height: auto;}
    .md-modal{width: 65% !important;}
    .sign-in-form, .sign-up-form{width: 60% !important;}
    .md-content{height: 320px !important;}
    #modal-20 .md-content,#modal-21 .md-content{height: auto !important;}
    .margin-70{margin-top: 70px;}
}
.page-top{ background-color: #cf6f9d; padding: 10px; width: 100%; color: #FFF; font-size: 16px; margin-bottom: 20px;}
.page-top .fa-angle-double-right{ margin: 0px 5px; font-size: 20px;}
.page-top a{color: #FFF;}
.page-container{padding: 0px 45px 0px 0px;}
.cart-btn{border-radius: 0px; background-color: #b9b7b7;}
.cart-btn:hover{background-color: #cf6f9d;color: #FFF;}
.success-msg{margin-bottom: 30px;width: 100%;display: none;}
a#forgetLink,a#forgetLink:hover{cursor: pointer; cursor: hand;}
a#forgetLinkHeader,a#forgetLinkHeader:hover{cursor: pointer; cursor: hand;}
.margin-left-0{margin-left:0px!important;}
.margin-right-0{margin-right:0px!important;}
a.md-trigger,a.md-trigger:hover{cursor: pointer; cursor: hand;}
h3{
    color: #7d579f;
}
.reset-loader {
    display: none; /* Hidden by default */

    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6); /* Semi-transparent background */
    z-index: 9999; /* Ensure it's on top of everything */
    padding-top: 5px;
}

#loader .spinner {
    width:25px;
    height: 25px;
    border: 6px solid #ccc;
    border-top: 6px solid #007bff; /* You can change the color here */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}