/* MelasIndia.com Developed By : Nishadil Services Pvt Ltd Development Date : Nov 2021 */ /******************************WEB******************************/ body{background-color: #ffffff;} body.bodySpace{padding-top: 75px;} body.bodySpace.userDashboard{padding-top: 80px;} .slick-list{overflow: visible !important;overflow-x: hidden !important;} .noselect{-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .msgOnlyModal .modal-body{padding: 0px !important;} .msgOnlyModal .modal-body .alert{margin-bottom: 0px;} .btn-social-google{background: #DD4B39;color: #ffffff;border: none;} .btn-social-fb{background: #3B5998;color: #ffffff;border: none;} .lineText{width: 100%; text-align: center; border-bottom: 1px solid #000; line-height: 0.1em; margin: 10px 0 20px; } .lineText span{background:#fff; padding:0 10px; } .lineText.lineText-light{border-bottom-color: #e9e9e9;margin: 40px 0;} .lineText.lineText-light span{background:#e9e9e9; padding:0 10px; font-size: 18px; } /* header - start */ header{background-color: #ffffff;padding: 15px 50px; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.13);} header .logoSec .logo{width: 120px;display: inline-block;} header .logoSec .logo img{max-width: 100%;} header .headerOptionSection{text-align: right;} header .headerOptionSection a{display: inline-block;text-decoration: none;padding-top: 4px;} header .headerOptionSection a img{width: 30px;} header .headerOptionSection a i{font-size: 30px;color: #535353;} header .headerOptionSection a:not(:last-child){margin-right: 15px;} header .navbar .navbar-nav .nav-item .nav-link{font-weight: bolder;font-size: 16px;padding-right: 0.9rem;padding-left: 0.9rem;} /* header - end */ /* mainBannerSec - start */ .mainBannerSec .mainBanner{max-width: 100%;} .mainBannerSec .overdSection{position: absolute;bottom: 30%;left: 7%;} /*.mainBannerSec .overdSection{position: absolute;bottom: 30%;width: 100%;}*/ .mainBannerSec .overdSection h1{color: #ffffff;text-shadow: 2px 3px 2px #1a1a1a;text-transform: uppercase;font-size: 55px;} /* mainBannerSec - end */ /* focusedProductTextSec - start */ .focusedProductTextSec{text-align: center; margin: 50px auto; text-transform: uppercase; font-weight: bold; font-family: times; font-size: 45px;} /* focusedProductTextSec - end */ /* custReviewSlider - start */ .custReviewSliderSec{background-color: #c8e7f5;} .custReviewSlider .card{margin: 50px 20px 20px 20px;border: none;} .custReviewSlider .card .card-img{text-align: center;} .custReviewSlider .card .card-img img{display: inline-block;max-width: 40%;margin-top: 15px;} .custReviewSlider .card .card-body .card-stars{text-align: center;color: yellow;margin-bottom: 20px;} .custReviewSlider .card .card-body .card-text{text-align: center;margin: 0px 20px 50px 20px;} .custReviewSlider .card.slick-slide{opacity: 0;transition: 1s all;} .custReviewSlider .card.slick-slide.slick-active{opacity: 1;} .custReviewSlider .card.slick-slide.slick-current.slick-active.slick-center{border: none;box-shadow: 0px 2px 5px -3px #1e1e1e;} .custReviewSlider .card.slick-slide.slick-current.slick-active.slick-center .card-img img{transform: translateY(-45px); border: 1px solid #c6c6c6; border-radius: 50%;max-width: 50%;} .custReviewSlider .card.slick-slide.slick-current.slick-active.slick-center .card-body{margin-top: -35px;} .custReviewSlider .slick-prev.slick-arrow, .custReviewSlider .slick-next.slick-arrow{position: absolute;top: 0;z-index: 1;height: 100%;font-size: 0px;background: transparent;border: 0px;width: 80px;} .custReviewSlider .slick-prev.slick-arrow{left: 0;} .custReviewSlider .slick-next.slick-arrow{right: 0;} .custReviewSlider .slick-prev.slick-arrow:after{content: "\f104";font-size: 35px;font-family: FontAwesome;} .custReviewSlider .slick-next.slick-arrow:after{content: "\f105";font-size: 35px;font-family: FontAwesome;} /* custReviewSlider - end */ /* ytVideoSlider - start */ /*.ytVideoSliderSliderSec{background-color: #c8e7f5;}*/ .ytVideoSliderSliderSec{padding-top: 50px; padding-bottom: 100px;background: var(--bs-body-bg);margin-bottom: -50px;} .ytVideoSliderSliderSec .text-BundleOfGoodness h3{margin: 15px auto 25px auto;} .ytVideoSlider .card{margin: 50px 20px 20px 20px;border: none;} .ytVideoSlider .card .card-img{text-align: center;position: relative;} .ytVideoSlider .card .card-img img{display: inline-block;max-width: 100%;} .ytVideoSlider .card .card-img .playBtn{position: absolute; width: 100%; height: auto; top: 40%; text-shadow: 3px 3px 10px #fff; color: #fcc8d7;} .ytVideoSlider .card .card-img .playBtn i.fa{font-size: 50px;} .ytVideoSlider .card .card-body .card-stars{text-align: center;color: yellow;margin-bottom: 20px;} .ytVideoSlider .card .card-body .card-text{text-align: center;margin: 0px 20px 50px 20px;} .ytVideoSlider .card.slick-slide{opacity: 0;transition: 1s all;} .ytVideoSlider .card.slick-slide.slick-active{opacity: 1;} .ytVideoSlider .card.slick-slide.slick-current.slick-active.slick-center{border: none;box-shadow: 0px 2px 5px -3px #1e1e1e;} /*.ytVideoSlider .card.slick-slide.slick-current.slick-active.slick-center .card-img img{transform: translateY(-45px); border: 1px solid #c6c6c6; border-radius: 50%;max-width: 50%;}*/ /*.ytVideoSlider .card.slick-slide.slick-current.slick-active.slick-center .card-body{margin-top: -35px;}*/ .ytVideoSlider .slick-prev.slick-arrow, .ytVideoSlider .slick-next.slick-arrow{position: absolute;top: 0;z-index: 1;height: 100%;font-size: 0px;background: transparent;border: 0px;width: 80px;} .ytVideoSlider .slick-prev.slick-arrow{left: 0;} .ytVideoSlider .slick-next.slick-arrow{right: 0;} .ytVideoSlider .slick-prev.slick-arrow:after{content: "\f104";font-size: 35px;font-family: FontAwesome;} .ytVideoSlider .slick-next.slick-arrow:after{content: "\f105";font-size: 35px;font-family: FontAwesome;} /* ytVideoSlider - end */ /* focusedProductListSec - start */ .focusedProductListSec .card{margin-bottom: 15px;border: 0px;text-decoration: none;color: #1e1e1e;} .focusedProductListSec .card .card-img{position: relative;} .focusedProductListSec .card .card-img .card-hover-section{display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: #1e1e1e70; justify-content: space-evenly; align-items: center; } .focusedProductListSec .card .card-img .card-hover-section button{background-color: #ffffff;padding: 10px; border-radius: 40px;border: none;} .focusedProductListSec .card .card-img .card-hover-section button:not(:last-child){margin-right: 20px;} .focusedProductListSec .card:hover .card-img .card-hover-section{display: flex;} .focusedProductListSec .card-body{background-color: #f9f9f9;} .focusedProductListSec .card-title{font-weight: bold;font-size: 25px;font-family: times;} .focusedProductListSec .card-text{font-size: 18px;min-height: 60px;padding: 0px 10%;} .focusedProductListSec .card-price{font-size: 16px;font-weight: bold;} /* focusedProductListSec - end */ /* whyMelasSec - start */ .whyMelasSec{background: #fff url('../img/bg-whyus.png');margin-top: 200px;margin-bottom: 100px; position: relative;} .whyMelasSec .whyMelasImg{width: 100%; transform: translateY(-90px); max-width: 400px;margin-bottom: -150px; } .whyMelasSec .whyMelasImg1{width: 100%; max-width: 600px; transform: translateY(50px);} .whyMelasSec .textSection{margin: 50px 0px;} .whyMelasSec .textSection p{font-size: 20px;} /* whyMelasSec - end */ /* home Subscription Plan Section - start */ .homeSubscriptionPlanSec{position: relative; background: #ffffff url('../img/homeProductSubscriptionSection-womnnn.png') no-repeat;background-size: cover;margin-bottom: 100px;} .homeSubscriptionPlanSec .blax{padding-top: 10vh;} .homeSubscriptionPlanSec .blax h2{font-size: 35px;font-family: times;font-weight: bold;margin-bottom: 5vh;} .homeSubscriptionPlanSec .blax .iconBox{margin-top: 10vh;} .homeSubscriptionPlanSec .blax .iconBox img{width: 50px;} .homeSubscriptionPlanSec .blax .iconBox p{} .homeSubscriptionPlanSec .img{z-index: 2; width: 300px;margin-top: -45px;transform: translateY(85px);} .homeSubscriptionPlanSec .btnchoose{background-color: #ebe3af; border-color: #ebe3af; width: 100%; padding: 1.5rem 1rem; transform: translateY(40px); } /* home Subscription Plan Section - end */ /* howAreWeDifferentSec - start */ .howAreWeDifferentSec .sectionTitle{text-align: center; margin: 150px auto 100px auto; text-transform: uppercase; font-weight: bold; font-family: times; font-size: 45px;} .howAreWeDifferentSec .bgArea{background-color: #bff1d3;} .howAreWeDifferentSec .bgArea .handimg{margin-top: -105px; margin-bottom: -51px; width: 84%;} .howAreWeDifferentBoxs{margin-left: 40%;margin-top: 10%;} .howAreWeDifferentBox{margin-bottom: 30px;} .howAreWeDifferentBox img{max-width: 100px;} .howAreWeDifferentBox span.text{font-size: 20px; font-weight: bold;} /* howAreWeDifferentSec - end */ /* blogAtHomePageSec - start */ .blogAtHomePageSec{margin-top: 100px; padding-top: 50px; padding-bottom: 100px; background: var(--bs-body-bg) url('../img/blogAtHomeBG.png') center no-repeat;background-size: cover;} .blogAtHomePageSec .text-BundleOfGoodness h3{margin: 30px auto 50px auto;} /* blogAtHomePageSec - end */ /* footer - start */ .footer{background-color: #363636;color: #ffffff;padding: 50px 0;margin-top: 100px;} .footer .xtitle{text-transform: uppercase;} .footer a{color: #ffffff;text-decoration: none;} .footer .footerBox1 ul.contactInfo li i.fa{width: 20px;text-align: center;font-size: 15px;} .footer .footerSocialIcons{margin-top: 30px;} .footer .footerSocialIcons a i{font-size: 30px;} /* footer - end */ /* shop page - start */ .shopPageBg{background: #ffffff url('../img/bg-shop.png') center no-repeat;height: 35vh;background-size: cover;} .shopPageContainer{margin-top: -10vh;} .shopPageContainer .shopPageLink{ text-align: center;text-decoration: none;display: block;} .shopPageContainer .shopPageLink img{display: inline-block;max-width: 100%;transition: 1s all;border-radius: 50%;width: 250px;height: 250px;} .shopPageContainer .shopPageLink:hover img{filter: grayscale(50%);transform: rotate(360deg);} .shopPageContainer .shopPageLink span{display: block;font-size: 18px;text-transform: uppercase;color: #1e1e1e;margin-top: 10px;} .filterArea{background: #f2f2f2;padding: 5px;} .filterArea .form-control{width: auto;border: 0px;} .filterArea .filterx{background-color: #ffffff;} .filterArea .filterx.catID{float: left;} .filterArea .filterx.filterShorting{float: right;} .filterArea .filterx.filterShorting .filterxTitle{float: left; padding-top: 9px; padding-left: 9px; font-size: 12px;} /* shop page - end */ /* product page - start */ .productPage{margin-top: 30px;} .breadcrumb.productPageBreadcrub .breadcrumb-item a{color: #1e1e1e;} .productPage .productTitle{font-size: 30px;} .productPage .productTitle.subscription{font-size: 22px;color: green;} .productPage .productStars{font-size: 15px;} .productPage .productPriceCost{text-decoration: line-through; font-size: 1rem; font-weight: bold; margin-bottom: 0px;} .productPage .productPrice{margin-top: 40px;} .productPage .productTaxInfoText{font-size: 10px;margin-top: 10px;} .productPage .productInfoText{font-size: 15px;margin-top: 30px;} .qty-plus-minus{border: 1px solid #eeeeee; display: inline-block; height: 40px; overflow: hidden; padding: 0; position: relative; width: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; } .qty-plus-minus .ec_qtybtn{width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; font-size: 22px; color: #777777; } .qty-plus-minus input.qty-input{background: transparent none repeat scroll 0 0; border: medium none; color: #444444; float: left; font-size: 15px; height: auto; margin: 0; padding: 0; text-align: center; width: 100px; outline: none; font-weight: 700; } .qty-plus-minus .dec.ec_qtybtn{border-right: 1px solid #eeeeee; } .qty-plus-minus .inc.ec_qtybtn{border-left: 1px solid #eeeeee; } /*.text-BundleOfGoodness{text-align: center;margin: 110px 0px 50px 0px;}*/ .text-BundleOfGoodness h3{text-align: center; margin: 150px auto 100px auto; text-transform: uppercase; font-weight: bold; font-family: times; font-size: 45px;} .productKeyIngredients{background-color: #ffdee1;padding-top: 30px;padding-bottom: 30px;} .productKeyIngredients .textSK{text-align: center;margin-bottom: 40px;text-transform: uppercase;} .productKeyIngredients .card{background-color: transparent;border: none;} .productKeyIngredients .card .card-img{text-align: center;} .productKeyIngredients .card .card-img img{display: inline-block;width: 70%;border-radius: 50%;} .productKeyIngredients .card .card-body{text-align: center;} .productKeyIngredients .card .card-body .card-title{font-weight: bold;font-size: 17px;text-transform: uppercase;} /* product page - end */ /* Login page - start */ .loginPage{background: transparent url('../img/loginPageBG.png');} .loginPage .loginPageIMG{width: 100%;height: 100%;} /* Login page - end */ /* Login page - start */ .signupPage{background: #c0f0d8 url('../img/signupPageBG.png');} .signupPage .signupPageIMG{width: 100%;height: 100%;} /* Login page - end */ /* blog post page - start */ .blogPostPage{background-color: #ffffff;padding-top: 100px;} .blogPostPage .singlePostArea{} .blogPostPage .singlePostArea .postImg{width: 100%;} .blogPostPage .singlePostArea .postCont{text-align: justify;font-size: 16px;} .blogPostPage .singlePostArea .postStatIcons{ text-align: right;margin-top: 14px; } .blogPostPage .singlePostArea .postStatIcons li a{background-color: #e7e7e7;border-radius: 15px;padding: 3px 7px;color: #535353;text-decoration: none;font-size: 15px;} .blogPost a.card-body{color: #555555;} .blogPost img.card-img-top{height: 200px;width: 100%;} .blogPostPage .tagList{margin-bottom: 70px;} .blogPostPage .tagList li{background-color: #bff2d3;color: #535353;border-radius: 15px;padding: 4px 7px;margin-top: 10px;} /* blog post page - end */ /* cart Page - start */ .cartPage{} .cartPage .cartProductBox{ border: 1px solid #e7e7e7; margin-bottom: 15px; border-radius: 5px; } .cartPage .cartProductBox .productImg{ width: 100%; } /* cart Page - end */ /* userDashboard - start */ .userDashboard .userDashboardSideBar{border-right: 1px solid #535353;} .userDashboard .userDashboardSideBar a{background-color: transparent; border-color: transparent; text-transform: uppercase; font-weight: bold; } .userDashboard .userDashboardSideBar a.active{color: #d76185;} /* userDashboard - end */ /* myOrder page - start */ .myOrderList{margin-bottom: 30px;} .myOrderList .orderCode{ font-size: 10px; font-family: "Gautom", sans-serif; font-weight: bold; color: #828282; } .myOrderList .shipmentStatus{} .myOrderList .shipmentStatus p{margin-bottom: 0px;} .myOrderList .shipmentStatus .iconArea{text-align: center;} .myOrderList .shipmentStatus .iconArea i{font-size: 25px; background-color: var(--bs-green); padding: 11px; border-radius: 50%; color: #4a4a4a;} .myOrderList .shipmentStatus .iconArea.unshipped i{background-color: var(--bs-primary);} .myOrderList .shipmentStatus .iconArea.shipped i{background-color: var(--bs-teal);} .myOrderList .shipmentStatus .iconArea.cancelled i{background-color: var(--bs-red);} /* myOrder page - end */ /* mySubscriptions page - start */ .mySubscriptionsList{margin-bottom: 30px;} .mySubscriptionsList .orderCode{ font-size: 10px; font-family: "Gautom", sans-serif; font-weight: bold; color: #828282; } .mySubscriptionsList .shipmentStatus{} .mySubscriptionsList .shipmentStatus p{margin-bottom: 0px;} .mySubscriptionsList .shipmentStatus .iconArea{text-align: center;} .mySubscriptionsList .shipmentStatus .iconArea i{font-size: 25px; background-color: var(--bs-green); padding: 11px; border-radius: 50%; color: #4a4a4a;} .mySubscriptionsList .shipmentStatus .iconArea.unshipped i{background-color: var(--bs-primary);} .mySubscriptionsList .shipmentStatus .iconArea.shipped i{background-color: var(--bs-teal);} .mySubscriptionsList .shipmentStatus .iconArea.cancelled i{background-color: var(--bs-red);} .mySubscriptionsList .subscriptionsInfoInput .input-group-text{min-width: 36% !important;} .mySubscriptionsList .subscriptionsInfoInput .form-control:disabled{background-color: #ffffff;} .mySubscriptionsList .textWrn{color: #d76185;} .mySubscriptionsList .editBtn{background-color: #d76185 !important;border-color: #d76185 !important;color: #ffffff;} /* mySubscriptions page - end */ /* Who We Are Page - start */ .whyUsBox{background-color: #bff1d3; padding-top: 100px;padding-bottom: 100px;} .whyUsBox h3{font-weight: bold;text-transform: uppercase;} .whyUsBox .imgSc{text-align: center;} .whyUsBox img{border-radius: 50%;border: 1px solid #e7e7e7;max-width: 300px;} .wwaBottomBox{ background: #d7d7d7 url('../img/wwaBottom.png'); background-size: cover; text-align: center; padding-top: 150px; padding-bottom: 150px; color: #fff; margin-bottom: -50px; } .wwaBottomBox .btn{border: 1px solid #fff;background: transparent;color: #fff;} .ourPromisSec{margin-top: 100px;margin-bottom: 100px;} .wwrList li{margin-bottom: 20px;} .wwrList li img{max-width: 90px !important;} .wwrList li .txt{display: block;} /* Who We Are Page - end */ /* From Our Think Tank Slider - start */ #fromOurThinkTankSlider .carousel-control-next, #fromOurThinkTankSlider .carousel-control-prev{opacity: 1;} #fromOurThinkTankSlider .carousel-control-next{translate: 12px} #fromOurThinkTankSlider .carousel-control-prev{translate: -12px} #fromOurThinkTankSlider .carousel-control-prev-icon, #fromOurThinkTankSlider .carousel-control-next-icon{ background-color: #ffffff;color: #1e1e1e; border-radius: 5px;padding: 2px; } #fromOurThinkTankSlider .carousel-control-prev-icon:before{content: "\f053";font-family: FontAwesome;line-height: 2.1; } #fromOurThinkTankSlider .carousel-control-next-icon:before{content: "\f054";font-family: FontAwesome;line-height: 2.1; } /* From Our Think Tank Slider - end */ /* subscriptionBox - start */ #subscriptionBox .btnXx{box-shadow: 1px 6px 7px #c6c6c6;} #subscriptionBox .btn-check:checked + .btnXx{color: #fff; background-color: #0d6efd; border-color: #0d6efd;} /* subscriptionBox - end */ /******************************WEB******************************/ /******************************MOBILE******************************/ @media(max-width: 576px){ body.bodySpace{padding-top: 60px !important;} body.blogPostPage{padding-top: 60px !important;} header{padding: 15px !important;} header .headerOptionSection a img{width: 20px;} header .headerOptionSection a:not(:last-child){margin-right: 10px;} header .sideMobile{padding-top: 5px;margin-left: -10px;} header .sideMobile a{color: #1e1e1e;} header .sideMobile a i.fa{font-size: 20px;} header .logoSec .logo{width: 80px;margin-left: 10%;} .collapse:not(.show){display: none !important;} .lineText span{font-size: 14px;} #subscribeModal .modal-title{font-size: 12px;font-weight: bold;} .homeSubscriptionPlanSec{background-position-x: 56%} .homeSubscriptionPlanSec .blax{padding-top: 35px;transform: translateX(50px);} .homeSubscriptionPlanSec .blax h2{font-size: 20px; margin-bottom: 28px;} .homeSubscriptionPlanSec .img{width: 190px; transform: translateX(-44px) translateY(76px);} .homeSubscriptionPlanSec .blaxx{margin-top: -100px;} .homeSubscriptionPlanSec .blax .iconBox{margin-top: 40px;} .homeSubscriptionPlanSec .blax .iconBox img{width: 35px;} .homeSubscriptionPlanSec .blax .iconBox p{font-size: 10px;} .howAreWeDifferentSec .sectionTitle, .text-BundleOfGoodness h3{ margin: 70px auto 30px auto; font-size: 24px;} .howAreWeDifferentBoxs{margin-left: 20%;margin-right: 20%;} .howAreWeDifferentBox{text-align: center;margin-bottom: 25px;} .howAreWeDifferentBox img{max-width: 50px;} .howAreWeDifferentBox span.text{display: block;font-size: 12px;} .howAreWeDifferentSec .bgArea{} /*.howAreWeDifferentSec .bgArea .handimg{width: 100%;margin-top: 52px;}*/ .howAreWeDifferentSec .bgArea .handimgSec{position: relative;} .howAreWeDifferentSec .bgArea .handimg{width: 220px; position: absolute; right: 0; bottom: 30px;} .productPage .productTitle{font-size: 25px;font-weight: bold;margin-top: 10px;} .mainBannerSec{position: relative;text-align: center;} .mainBannerSec .mainBanner{width: 100%;} .mainBannerSec .overdSection{position: absolute; bottom: 25px; width: 100%; left: 0px; } .mainBannerSec .overdSection h1{font-size: 25px;} .focusedProductTextSec{font-size: 20px;} .whyMelasSec .whyMelasImg{width: 50%;} .whyMelasSec .textSection{text-align: center;} .whyMelasSec .textSection p{font-size: 15px;} .blogAtHomePageSec{padding-top: 20px;padding-bottom: 125px;} .blogAtHomePageSec .blogPost{border-radius: 1rem;} .ytVideoSlider .slick-prev.slick-arrow, .ytVideoSlider .slick-next.slick-arrow, .custReviewSlider .slick-prev.slick-arrow, .custReviewSlider .slick-next.slick-arrow {width: 40px;} .ytVideoSlider .slick-prev.slick-arrow::after, .ytVideoSlider .slick-next.slick-arrow::after, .custReviewSlider .slick-prev.slick-arrow::after, .custReviewSlider .slick-next.slick-arrow::after {background-color: #fff; padding: 10px; border-radius: 8px; } .blogPostPage .singlePostArea .postStatIcons{position: absolute;} .shopPageBg{height: 25vh !important;} .shopPageContainer {margin-top: -5vh; } .myOrderList{position: relative;} .myOrderList .orderDetailBtn{position: absolute;top: 0px;right: 0px;border-radius: 0px !important; border-bottom-left-radius: 15px !important;font-size: 11px; font-weight: bold;} .myOrderList .orderProductName{font-size: 14px; font-weight: bold;} .myOrderList .productTotalAmount{font-size: 14px; font-weight: bold;} .blogPost img.card-img-top{height: 160px;} .userDashboard .userDashboardSideBar{border-right: 0px;} .userDashboard .userDashboardSideBar a{font-size: 12px;border-bottom: 1px solid #d7d7d7;padding: 7px;} } @media(max-width: 991px){ .logoSec{text-align: center;} } @media screen and (min-width: 576px ) and ( max-width: 767px ){} @media screen and (min-width: 768px ) and ( max-width: 991px ){ .howAreWeDifferentSec .bgArea .handimg{margin-top: -60px; margin-bottom: -27px;} } @media screen and (min-width: 992px ) and ( max-width: 1199px ){ .howAreWeDifferentSec .bgArea .handimg{margin-top: -100px; margin-bottom: -36px;} } @media screen and (min-width: 1200px ) and ( max-width: 1399px ){ .howAreWeDifferentSec .bgArea .handimg{margin-top: -100px; margin-bottom: -44px;} } @media screen and (min-width: 1400px ){} /******************************MOBILE*****************************