body{
    font-family: "Montserrat", sans-serif;
	font-weight:400;
	font-size:13px;
	color:#000;
	/* background-color:#0a628d; */
}

a{
	color:#000;
	text-decoration:none;
} 
a:hover, a:focus{
	text-decoration:none;
	color:#1B1B19;
} 

h1,h2,h3,h4,h5,h6{
	font-family: "Montserrat", sans-serif;
	font-weight:700;
}

.btn-check:focus + .btn, .btn:focus{
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.0)
}
.trs {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#cm-landing-page .top-bar {
	padding:5px 0;
}
#cm-landing-page .top-bar ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: "Roboto", sans-serif;
	font-weight:400;
	text-align: right;
	width:95%;
}	
#cm-landing-page .top-bar ul li a{
	color:#195a95;
}
#cm-landing-page .top-bar ul li a:hover{
	color:#000;
}
#cm-landing-page .top-bar ul li {
	display: inline-block;
	padding: 0 0 0 55px;
	text-align: center;
	font-size: 14px;
	display:inline-block;
}
#cm-landing-page .top-bar ul li img {
	width:65px;
}
#cm-landing-page .top-bar .logo img{
	width:125px;
	display:table;
	margin:0 auto;
}
#cm-landing-page .carousel-caption{
	bottom:10px; 
	position: fixed;
	padding-top: 0;
	padding-bottom: 0;
	text-align: inherit;
	left:5%;
	right:5%;
	color: #000;
}
#cm-landing-page .hero-icon img {
	width: 160px;
	background-color: #EBEBEB;
	padding: 10px;
	border-radius: 10px;
	cursor:pointer;
}
#cm-landing-page .hero-txt {
	background-color:rgba(235, 235, 235, .89);
	padding: 20px;
	border-radius: 10px;
}
#cm-landing-page .hero-txt h6 {
	font-size:30px;
	font-family: "Roboto", sans-serif;
	font-weight:700;
	margin:0;
}
#cm-landing-page .hero-txt p {
	font-size: 25px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	margin: 0;
	line-height: 30px;
}
#cm-landing-page .modal-cm-landing .btn-close:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.0);
}
#cm-landing-page .modal-cm-landing .modal-dialog{
	position: fixed !important;
	bottom: 3% !important;
	left: auto !important;
	right: 1% !important;
	margin-bottom: 0 !important;
	width: 20%;
}
#cm-landing-page .modal-cm-landing.wechat_qr .modal-dialog {
	position: fixed!important;
	bottom: auto !important;
	left: 0 !important;
	right: 0 !important;
	margin-bottom: 0 !important;
	width: auto;
}
#cm-landing-page .modal.modal-cm-landing .modal-body ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#cm-landing-page .modal.modal-cm-landing .modal-content{
	background-color: #e2f4f9;
	box-shadow: 0 0 10px #013665;
	border:0;
}
#cm-landing-page .modal.modal-cm-landing .modal-body ul li{
	cursor:pointer;
}
#cm-landing-page .modal.modal-cm-landing .modal-body ul li a:hover{
	background-color:#05528E;
	color:#fff;
}
.hero-icon{
	text-align:center;
}
#cm-landing-page .modal.modal-cm-landing .modal-body ul li a {
	background-color: #51C7E5;
	width: 100%;
	display: inline-block;
	padding:11px;
	margin-bottom:10px;
	color: #0C5893;
	font-weight: 600;
	font-size: 15px;
	border-radius: 6px;
}
#cm-landing-page .modal.modal-cm-landing .modal-body ul li a:hover i{
	color: #0C5893;
}
#cm-landing-page .modal.modal-cm-landing .modal-body ul li i {
	background-color: #fff;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
}
#cm-landing-page .modal-backdrop{
	background-color: #58BAE8;
}
#cm-landing-page .modal-backdrop.show {
	opacity: .45;
}
#cm-landing-page .mobile-view{
	background-color: #fff;
}
#cm-landing-page .main-div {
	background: url("https://babysofts.in/html-projects/club-miracle/assets/images/cm-landing-img/banner1.jpg");
	background-size: cover!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
#cm-landing-page .main-div.miracle-manager-div {
	background: url("https://babysofts.in/html-projects/club-miracle/assets/images/cm-landing-img/banner2.jpg");
}
#cm-landing-page .main-div .carousel-item .mobile-view-hidden{
	display:none!important;
}
#cm-landing-page .miracle-manager-div .hero-txt{
	width: 60%;
	margin: 0 0 0 auto;
}
#cm-landing-page .miracle-manager-div .reach-us-div li {
	padding: 0;
	font-size: 12px;
	margin:0 15px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}
#cm-landing-page .miracle-manager-div .reach-us-div {
	text-align: center;
	width: 100% !important;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: "Roboto", sans-serif;
	font-weight:400;
	
}
#cm-landing-page .miracle-manager-div .reach-us-div li i {
	background-color: #59BAE8;
	display: table;
	margin: 5px auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	border-radius: 5px;
	color:#003363;
}
#cm-landing-page .miracle-manager-div .top-bar .reach-us-div li a {
	color:#195a95;
}
#cm-landing-page .miracle-manager-div .top-bar .reach-us-div li a:hover {
	color: #000;
}
#cm-landing-page .miracle-manager-div .top-bar .reach-us-div li a:hover i{
	color:#fff;
}
#cm-landing-page .miracle-manager-div .top-bar .right-div {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: "Roboto", sans-serif;
	font-weight:400;
	text-align: right;
	width:95%;
}	
#cm-landing-page .miracle-manager-div .top-bar .logo img {
	width: 125px;
	display: table;
	margin:0;
}
#cm-landing-page .miracle-manager-div .top-bar .right-div li a{
	color:#195a95;
}
#cm-landing-page .miracle-manager-div .top-bar .right-div li a:hover{
	color:#000;
}
#cm-landing-page .miracle-manager-div .top-bar .right-div li {
	display: inline-block;
	padding: 0 0 0 15px;
	text-align: center;
	font-size: 14px;
	display:inline-block;
}
#cm-landing-page .miracle-manager-div .top-bar .right-div li:last-child{
	display:none;
}
#cm-landing-page .miracle-manager-div .top-bar .right-div li img {
	width:65px;
}
#cm-landing-page .miracle-manager-div .carousel-caption{
	left: 5%;
	right: 5%;
}
#cm-landing-page .miracle-manager-div .hero-txt {
  width: 70%;
}


@media (max-width:767px){
	#cm-landing-page .miracle-manager-div .top-bar .right-div li:last-child{
		display:inline-block;
	}
	#cm-landing-page .miracle-manager-div .hero-txt{
		width:100%;
	}
	#cm-landing-page .main-div .carousel-item .mobile-view-hidden{
		display:none!important;
	}
	#cm-landing-page .top-bar ul{
		text-align:right;
		width: 100%;
	}
	#cm-landing-page .top-bar ul li img {
		width:30px;
	}
	#cm-landing-page .modal-cm-landing .modal-dialog{
		width:75%;
	}
	#cm-landing-page .modal-cm-landing .modal-dialog .modal-body{
		padding:10px;
	}
	#cm-landing-page .modal-cm-landing .modal-dialog .modal-header{
		padding:10px;
	}
	#cm-landing-page .main-div .hero-icon{
		text-align:right;
		margin-top:10px;
	}
	
	#cm-landing-page .top-bar .logo img {
		width: 75px;
		margin: 0;
	}
	#cm-landing-page .top-bar ul li{
		padding: 0 0 0 8px;
		font-size: 9px
	}
	#cm-landing-page .hero-txt p {
		font-size: 13px;
		line-height: 15px;
	}
	#cm-landing-page .hero-txt{
		padding: 5px;
		border-radius: 5px;
	}
	#cm-landing-page .hero-txt h6 {
		font-size: 15px;
	}
	#cm-landing-page .hero-icon img{
		width: 62px;
		padding: 8px;
		border-radius: 5px;
	}
	#cm-landing-page .carousel-caption {
		left: 4%;
		right: 4%
	}
	#cm-landing-page .top-bar {
		padding: 5px 0;
	}
	#cm-landing-page .miracle-manager-div .top-bar .right-div li img {
		width:30px;
	}
	#cm-landing-page .miracle-manager-div .top-bar .right-div li {
		padding: 0 0 0 8px;
		font-size: 9px;
	}
	#cm-landing-page .miracle-manager-div .top-bar .logo img {
		width: 75px;
		margin: 0;
	}
	#cm-landing-page .miracle-manager-div .reach-us-div li i{
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 18px;
	}
	#cm-landing-page .miracle-manager-div .reach-us-div li {
		padding: 0;
		font-size: 10px;
		margin: 5px 10px 0;
	}
	#cm-landing-page .miracle-manager-div .carousel-caption {
		left: 3%;
		right: 3%;
	}
}
@media (min-width:768px) and (max-width:991px){
	#cm-landing-page .carousel-caption {
		left: 3%;
		right: 3%
	}
	#cm-landing-page .top-bar ul{
		width: 98%;
	}
	#cm-landing-page .modal-cm-landing .modal-dialog{
		width: 26%;
	}
	#cm-landing-page .main-div .carousel-item .mobile-view-hidden{
		display:none!important;
	}
	#cm-landing-page .top-bar ul li{
		padding: 0 0 0 20px;
		font-size:12px;
	}
	#cm-landing-page .top-bar ul li img {
		width: 50px;
	}
	#cm-landing-page .top-bar .logo img{
		width:110px;
	}
	#cm-landing-page .top-bar {
		padding: 5px 0;
	}
	#cm-landing-page .hero-txt p {
		font-size: 18px;
		line-height: 22px;
	}
	#cm-landing-page .hero-txt h6 {
		font-size: 22px;
	}
	#cm-landing-page .hero-icon img {
		width: 145px;
	}
	#cm-landing-page .miracle-manager-div .reach-us-div li{
		font-size: 11px;
		margin: 0 5px;
	}
	#cm-landing-page .miracle-manager-div .reach-us-div li i {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 18px;
	}
	#cm-landing-page .miracle-manager-div .top-bar .right-div li img {
		width: 45px;
	}
	#cm-landing-page .miracle-manager-div .top-bar .right-div li{
		font-size: 11px;
	}
	#cm-landing-page .miracle-manager-div .top-bar .logo img {
		width: 110px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	#cm-landing-page .carousel-caption {
		left: 4%;
		right: 4%
	}
	#cm-landing-page .modal-cm-landing .modal-dialog{
		width: 26%;
	}
	#cm-landing-page .main-div .carousel-item .mobile-view-hidden{
		display:none!important;
	}
	#cm-landing-page .top-bar ul li{
		padding: 0 0 0 20px;
		font-size: 12px;
	}
	#cm-landing-page .top-bar ul li img {
		width: 50px;
	}
	#cm-landing-page .top-bar .logo img{
		width: 115px;
	}
	#cm-landing-page .top-bar {
		padding: 5px 0;
	}
	#cm-landing-page .hero-txt p {
		font-size: 22px;
		line-height: 26px;
	}
	#cm-landing-page .hero-txt h6 {
		font-size: 25px;
	}
	#cm-landing-page .miracle-manager-div .top-bar .right-div li img {
		width: 55px;
	}
	#cm-landing-page .miracle-manager-div .top-bar .right-div li{
		font-size: 12px;
	}
}