@media only screen and (min-width: 1024px) and (max-width: 1080px) {
.hm-theme-img{background-size: initial!important;}	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.container-header, .container-box{width: 100%;}
.container-inr{padding: 0px 12px;}	
.main-wrp{display: flex; align-items: center;min-height: calc(100vh - 320px); }
.msg-cont {padding: 75px 41px 43px 157px;}	
.msg-cont h2 {font-size: 21px;line-height: 20px;}	
.msg-cont p {font-size: 16px;line-height: 20px;}	
.msg-cont h3 { font-size: 20px;line-height: 23px;}	
.msg-box{height: 336px;}	
	
.ftr-link a {font-size: 12px;margin-left: 8px;}
.ftr-link{width: 43%;}	
.ftr-box {padding: 15px 12px;}
.ftr-copy {width: 55%;font-size: 12px;}
	
.lndg-wrp{min-height: calc(100vh - 150px);}	
.landing-ftr-dsktp{background: none!important;}
.landing-cont {width: 100%;margin: 100px auto 0px auto;}	
.container-lnd{width: 100%}
.home-theme .step-box {right: -7px;}
.top-hd {width: 442px;}
.hm-logo {width: 149px;left: 10px;top: 30px;}
.home-theme .farhan-img-box {bottom: -27px;}

	}


@media only screen and (max-width: 767px) {
.wrapper{flex-direction: column; display: flex;}
.footer {margin-top: auto}	
.header-box{height:75px;}	
.logo{width: 115px; bottom:4px; left: -12px;}	
.hm-cont h1{font-size: 24px; padding-bottom: 5px;}	
.hm-theme-img{background:url("../images/footer-bg-hm-mob.png") no-repeat right bottom; background-size: 100%;  }
.ask-btn{position: relative; bottom: -18px;}
.farhan-img-box{width: 100%; text-align: center;}	
.farhan-img-box img{width:230px; }
.ftr-hm-cont{width: 100%}	
.get-farhan-voice span{width:290px;}	
.container-header {padding: 0px 12px;}	
.hm-logo span{width: 180px;}
.step-box{right: -11px;bottom: 25px; width: 95px;height: 43px;}
.speaker-box{width: 132px; bottom: -18px;}
.header-bg{ background-size: 100px;}	
.hm-theme-img .header-bg{ background-size: 100px; height: 70px;}	
.container-header, .container-box{width: 100%;}
.container-inr{padding: 0px 12px;}
.cont-box{display: inherit;}
.cookies-m-theme {width: 56px;height: 84px; right: -7px;} 
.tell-fild{width: 100%; font-size: 15px;}	
.hmbox .head-box{display: none;}
.ritcont-col{width: 100%;}
.ask-btn a {width: 290px;height: 81px;}	
.head-box-mob{display: block; text-align: center;}
.head-box-mob img{width: 180px;}
.hm-cont h2 span{width: 230px;}	
.hmbox{padding-top: 0px!important;}
.form-box h1 {font-size: 25px;line-height: 28px; padding-right: 45px;}	
.input-msg{height:90px;  font-size: 15px;}	
.main-wrp {min-height: inherit;}	
.cont-box{padding-top: 20px;}
.head-box{width:auto; padding-bottom: 20px; box-sizing: border-box; padding-left: 30px}	
.head-box img{width: 130px;}
.fild-50{display: inherit;}	
.fild-col{width: 100%;}	
.opttitle{display: none;}
.otp-fildbox{width: 100%;}	
.label-50{display: inherit;}
.label-50 label{width: 100%!important;}	
.label-50 label:first-child{margin-bottom: 20px;}	
.chkbox{font-size: 13px;}	
.dsply-inherit{display: inherit;}	
.fild-50 .fild-col:first-child{margin-bottom: 20px;}	
.step-frm{width: 100%; margin: 0px auto;}	
.input-bg{background: url("../images/input-bg-50.png") no-repeat 0px 0px;}
.common-cont{padding:20px 0px;}	
.common-cont .hdbox{padding-right: 0px;}	
.common-cont h1 {font-size: 25px;line-height: 30px;}
.hdbox .back-btn {width: 77px;height: 45px;}
.common-text h2 {font-size: 18px;line-height: 20px;}	
.common-text p {font-size: 16px;line-height: 21px;}	
.common-text {padding-right: 20px;}	
.scroll-box{height: 436px;}	
.hid-mob{display: none;}	
.mob-head-box{display: block;}	
.mob-head-box img{width: 150px;}		
.msg-col {width:100% !important;}	
.msg-col h1 {padding-bottom: 20px; padding-right: 40px;}	
.msg-box { margin: 0px auto;}
.msg-cont {padding: 30px;}	
.msg-cont h2 {font-size: 25px;line-height: 29px;}
.msg-cont p {font-size: 18px;line-height: 19px;}	
.msg-cont h3 {font-size: 19px;line-height: 22px;}	
.msg-col .btn-row{justify-content: center; margin-bottom: 30px;}	
.player-box{width: 300px; padding: 0px 10px 10px 10px; margin: 0px auto 30px auto;height: 60px; background-size: 100%;}	
.play-btn {width: 33px;height: 33px;}	
.play-col {width: 37px;}
.frwd-col {width: 37px; margin-left: 5px;}
.frwd-btn {width: 32px;height:36px;}	
.form-box h1 br{display: none;}
.speaker-icon span {width: 37px;height: 33px;background-size: cover;}	
	
.footer-bg {padding-top: 44px; background: url("../images/footer-bg-mob.png") no-repeat right bottom;}
.ftr-box{display: inherit; padding: 12px;}	
.ftr-copy{width: 100%; text-align: center; padding-bottom: 15px; font-size: 13px;}	
.ftr-link{width: 100%; text-align: center;}	
.ftr-link a{font-size: 12px; margin: 0px 5px;}	
.ftr-pack-img{width: 280px; top: -85px; right:inherit; left: 50%; margin-left: -140px;}	
.popupcont {width: 90%;}	
.shrebox {padding: 70px 0px 20px 0px;}
.closeoverlay {width: 41px;height: 40px;right: -14px;top: -17px; background-size: cover;}
.linkbox{width: 63%; padding: 10px 12px; height: auto;}
.verify-btn{width: 99px;height: 40px; margin-left: 5px;}	
.copylink{align-items: center;}
.contpopup{width: 80%}	
.oops-img span{width: 150px;}
.contpopup-inr{padding: 20px 0px;}
.copy-btn {width: 109px;height: 40px;}
.shrebox ul{padding: 0px 25px;}	
.oops-img{top: -36px; margin-bottom: -36px;}
.contpopup p{line-height: 24px; font-size: 20px;}	
.close-oops {width: 49px;height: 45px; background-size: cover;}	
.next-btn { width: 126px;height: 47px;}	
.back-btn { width: 124px;height: 47px;}
.subhd {font-size: 30px;line-height: 33px; padding-bottom: 10px;}	
.step2-farhan{bottom: -70px; }
.imgauto{position: static;}
.step2-farhan img{width: 80%;}
.input-filed{height: 56px; font-size: 16px;}	
.header-box .back-btn {right: -13px;bottom: 24px;width: 112px;height: 43px;}
.faImg {right: -10px;top: -49px;width: 65px;}	
.perMn {padding: 61px 0 59px 0px;}
.farhan-audio-mob{display: block; text-align: center;}	
.farhan-audio-mob img{width:280px;}		
.farhan-audio{display: none;}
.audio-cont .ritcont-col{width: 100%;}	
.regenerate-btn{width: 149px;height: 47px;}	
.share-btn {width: 134px;height: 47px;}	
.ftr-wrp{padding-top: 90px;}
.audio-dic{width: 100%; top:-122px;}	
/*landing css start*/
.container-lnd{width: 100%}	
.landing-bg{ background:url("../images/landing-mob-bg.jpg") no-repeat center 0px;}	
.landing-cont {width: 80%; max-width: 320px;}	
.landing-cookie-img {width: 160px;}	
.begin-date {width: 80%; max-width: 320px; margin: 0px auto;}
.landing-ftr {padding-bottom: 20px; }
.landing-hd-text{width: 100%; z-index: 9;}	
.landing-cookie-row{width: 100%; top:-30px; position: relative; margin-bottom: -30px;}
.landing-ftr-text{ color: #fff;}
.landing-ftr-dsktp{background: url("../images/landing-ftr-bg.png") no-repeat 10px bottom!important;}
.landing-theme-bttom{background: none;}	
.mob-ftr{display: block;}
.date-col{display: none;}
.landing-theme-top{background: none;}
.date-box{width: 100%; margin: 0px;}
.lndg-wrp {min-height: calc(100vh - 179px);}	
/*landing css start*/
.hm-theme-img .main-wrp{min-height: calc(100vh - 610px);}
.subhd span em {width: 28px;height: 26px; top: 12px;}
/*
.ftr-step2{margin-top: 270px;}
.ftr-step1{padding-top: 100px;}
*/
.ftr-hm{padding-top: 90px;}
.ftr-hm .farhan-img-box{bottom: 40px;}
.hmbox .ritcont-col{margin-bottom: inherit; top:-30px;}	

.animated-cont .ritcont-col{width: 100%;}	
.animated-cont .farhan-img-box	{width: 100%;}
.share-msg{width: 100%; padding: 10px 0 0 0;}
.share-msg p {font-size: 22px;line-height: 27px; justify-content: center;}
.animated-cont .form-box h1	{text-align: center;}
.download-btn{width: 54px;height: 45px; background-size: cover; margin-left: 8px;}
.regenerate-btn {width: 149px;height: 46px; margin-left: 8px;}
.share-btn {width: 134px;height: 46px;}  
.home-theme .header-box .logo{display: block;} 
.home-theme .header-box {height:75px;}
.dsktp-hd{display: none;}
.home-theme .ritcont-col{width: 100%;} 
.hm-logo{display: none;}
.mob-hd{display: block;}
.home-theme .cookies-m-theme{display: none;}
.top-hd{ width: 100%; text-align: center; margin-bottom: 0px;}
.top-hd span{width: 290px; padding-top:0px;}
.home-theme .farhan-img-box {width: 100%;}
.home-theme .step-box{bottom:25px; right:-7px;}  
.loader-theme-lft{background-size: 200px;}         
.loader-theme-rit{background-size: 250px;}
.loader-animated span{width: 290px;}    
.loader-text{width: auto; padding: 0px 15px; font-size: 22px;}

}