.smallMenu {position: fixed;top: 0;right: -85%;width: 85%;height: 100%;transition: all .2s;background: #0e0e0e;z-index: 1001}
.smallMenu.showMenu {right: 0}
.menuOverlay {width: 100%;height: 100%;position:fixed;left:0;top:0;background: rgba(0,0,0,.7);display: none;z-index: 1000}
.smMenuInner {width: 100%;height: 100%;padding:20px;overflow: auto;display: flex;align-items: center;position: relative;}
.smMenuInner a {display: block;width: 100%;text-align: center;font-size: 28px;padding: 30px 0;color: #FFF;margin: 15px 0;}
.smMenuCaller {width: 70px;height: 70px;text-align: center;line-height: 70px;font-size: 20px;color:#FFF;opacity: 1;display: flex;align-items: center;justify-content: center;display: none}
.smMenuCaller:hover:hover,.smMenuCaller:hover:focus,.smMenuCaller:hover:active {color:#FFF;opacity: 1}
.bigGradientHeading {font-size: 55px;font-family: 'Syne', sans-serif;font-weight: bold;background: -webkit-linear-gradient(320deg, #70EBFF, #2A8BFE);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 55px;margin-bottom: 20px;}
.smMenuCaller img {height: 35px}
.smMenuInner a.closeMenu {background: rgba(255,255,255,.1);padding: 5px 0;width: 60%;margin: 0 auto;position: absolute;left: 20%;bottom: 20px;}
.sectionBgImg {max-width: 85%}
.raidaLogoBg {max-width: 85%}
.header_wrapper {z-index: 1000 !important}
.smMenuInner a {font-size: 22px !important;padding: 10px 0 !important;}

.useSec {background-image: url('../imgs/buy/bg2.jpg');background-position: center;background-size: cover;border-radius: 20px;border:1px rgba(255,255,255,.1) solid;padding: 40px;margin: 25px 0}
.useSecInHeader {text-align: center;margin-bottom: 25px;color: #FFF;font-size: 24px;font-weight: 600;}
.useSecInHeader img {display: inline-block;margin-right: 15px;height: 35px;position: relative;top: -2px;}
.btnWhite {padding: 7px 15px;background-color: #ffffff;border-radius: 5px;color: #040404;border: none;outline: none;text-transform: uppercase;font-size: 16px;transition: all 0.1s ease;}
.useSec a {text-align: center;margin-bottom: 15px;}
/*.useSec a:last-child {margin-bottom: 0;}*/
.useSecText {color: #FFF;font-size: 16px;font-family: 'Barlow';font-weight: 300;margin-top: 10px;margin-bottom: 0;}

.hideLg {display: none;}
.btnDownload {
    padding: 7px 15px;
    border-radius: 5px;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 16px;
    transition: all 0.1s ease;
}

@media screen and (max-width: 1200px) {
	.menu ul li {margin-left: 25px;}
	
	.timelineWrapper {
        padding: 30px 30px !important;
    }
    .step .date {
        font-size: 16px !important;
    }
    .step .amount {
        font-size: 19px !important;
    }
}


@media screen and (max-width: 992px) {
	.smMenuCaller {display: flex;}
	.header_nav .menu {display: none;}
	.header_nav {padding: 15px;}
	.header_nav .logo {width: 230px;}
	
	.bannerHolder {
		/* background: none !important; */
	    background-size: 80% !important;
        padding-bottom: 220px !important;
        background-position: -40% 105% !important;
	}
	.bigGradientHeading {
        font-size: 42px!important;
        line-height: 45px!important;
        margin-bottom: 10px!important;
    }
}

@media screen and (max-width: 768px) {
    .bigGradientHeading.m-0-md {
        margin: 0 !important;    
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .m-t-0-md {
        margin-top: 0 !important;    
    }
    .hideMd {
        display: none;    
    }
    .hideLg {display: block;}
	.bannerHolder {
	    /* background: none !important; */
	    /* background-size: 90% !important;
	    padding-bottom: 160px !important;
	    background-position: -140% 100% !important; */
	    
        background-size: 90%!important;
        padding-bottom: 330px!important;
        background-position: -140% 83%!important;
        min-height: 80vh;
        margin-bottom: -90px;
	}
	.bannerLeftSubHeading {padding: 0px 30px;}
	.bannerWrapper {padding: 0 20px !important;}
	.bigGradientHeading {font-size: 32px !important;line-height: 35px !important;margin-bottom: 10px !important;}
	.subParaItalic {font-size: 20px;font-weight: 400;line-height: 25px;}
	.bannerHolder .bigGradientHeading {margin: 25px 0;}
	.bannerLogoImg {width: 30%;margin-top: 55px;}
	.ftClWrap h2 {font-size: 24px;}
	.ftClLink {margin: 0 10px;}
	.ftClLink img {height: 40px;margin: 10px 0;}
	.section {padding: 50px 0;}
	.newsletterDiv {padding: 0 20px;position: relative;top: 0;}
	.ltbImg {width: 150px;height: 100px;}
	.ltbBox {padding: 5px;}
	.ltbTextBox {width: calc(100% - 150px);}
	.newsLetBtn {width: 35%}
	.newsLetInputDesc input {width: 65%}
	.ftimgText {font-size: 18px;}
	.whiteHeadingSm {font-size: 24px;margin-top: 20px;}
	.whiteHeading {font-size: 22px;line-height: 25px;}
	.plr50 {padding: 0 20px;}
	.rdFeatures .psdescInner {flex-direction: column;text-align: center;}
	.rdTechColumn {padding: 0;}
	.rdFeatures {padding: 0 150px;}
	.psdescInnereText {padding-left: 0}
	.imgCircle {width: 80px;height: 80px;margin-bottom: 25px;}
	.rdImg {max-width: 30%;} 
	.raidTechInnerSec {text-align: center;}
	.rdTechColumn {padding: 0 15px; margin-top: 40px;}
	.rdTechtextSec h4 {font-size: 18px;line-height: 25px;}
	.rdTechtextSec p {font-size: 16px;line-height: 24px;}
	.psdescInner {flex-direction: column;text-align: center;}
	.psdescInnereText {width: 100%;}
	.imgCircle {margin: 10px auto 20px}
	.cdCounterWrapper {flex-direction: column;}
	.cdCounterTextBox {padding: 0;width: 100%;text-align: center;}
	.cdCounterWrapper {border-radius: 15px;margin-bottom: 10px;}
	.header_nav .logo {width: 160px !important;}
	.smMenuCaller {width: 50px !important;height: 50px !important;}
	.smMenuCaller img {height: 25px;}
	.smMenuCaller {display: flex;position: relative;left: 10px;top: 5px;}
	.subHeadWhite {font-size: 24px;}
	.rdBtnWrap {
		padding-left: 0;
	}
	.raidaheading {font-size: 35px !important;letter-spacing: 0 !important;}
}

.syne {font-family: 'Syne', sans-serif !important;}

@media screen and (max-width: 576px) {
    .raidaheading {
        font-size: 20px!important;
        letter-spacing: 0!important;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .raidaSubHeading {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 20px;
        color: #abdbff;
        opacity: .75;
    }
    .rdFeatures {
        padding: 0 0;    
    }
	.bigGradientHeading {font-size: 24px !important;}
	.bannerLeftSubHeading {
	    padding: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
	.bannerHolder {
		min-height: auto;
		margin-top: 80px;
	    margin-bottom: -50px;
	}
	.section {
		padding: 25px 0;
	}

	.rdFeatures {
		margin-top: 40px;
	}
	.bannerLogoImg {width: 50%;margin-top: 55px;}
	
}