*{margin: 0px auto; padding: 0px;}
.top-header-warpper{width: 100%; height: auto; background: #08244f; box-shadow: 0px 0px 2px 0px black;}
.social-link-warpper{width: 100%;  height: auto; color: white; padding: 10px 10px 10px 20px;}
.social-link-warpper a{color: white; margin-left: 10px;}
.social-link-warpper a:hover{color: white;}
.mobile-marquee{width: 100%;  height: auto; color: white; padding: 10px 10px 10px 20px;}
.mobile-marquee img{width: 30%;}
.main-logo-warpper{width: 100%; height: auto;}
.mobile-logo{padding: 5px 0px 5px 0px;}
.mobile-logo img{width: 50%; }
.login-warpper{box-shadow: 0px 0px 1px 0px grey; padding: 10px; margin-top: 100px; background: whitesmoke;}

/*---------- Admin css section -------------------------*/
.dash-social-link-warpper{ line-height: 80px; text-align: right; }
.dash-top-header-warpper{background: whitesmoke; height: 80px; box-shadow: 0px 0px 3px 0px grey;}
.main-menu-section{ height: auto; padding-top: 20px; padding-bottom: 20px;}
.left-menu-section ul a{text-decoration: none; color: grey;}
.left-menu-section ul a li:hover{text-decoration: none; color: white;}
.left-menu-section ul li{background: #28262c; padding: 10px; border-bottom:0.1px solid white; list-style-type: none;}
.main-dashbord-section{padding: 20px;}
.right-section{width: 100%; height: auto;}
.inner-menu-section{width: 95%; height: auto; background: #28262c; box-shadow: 0px 0px 5px 0px grey; padding:1px; text-align: center; border-radius: 3px; color: whitesmoke;}
.inner-menu-section:hover .sub-pro-1{display: block; margin-top: 30px; width: 100%; position:absolute;  height:auto;}
.col-sm-3 a:hover{text-decoration: none;}
.sub-pro-1{display: none;}
.sub-pro-1 ul li{background: #28262c; padding:10px; text-align: left; box-shadow: 0px 0px 5px 0px grey; border-bottom: 1px solid white;}
.menu-form-section{width: 90%; height: auto; background-color: red; padding:10px;}



/*------------------ product section css---------------*/
.add-segment{width: 60%; height: auto; background: whitesmoke; box-shadow: 0px 0px 4px 0px grey; display: none; margin-top: 20px;  position: absolute; margin-left: -20px; padding: 20px; z-index: 2000;}
.pro-div-class{width: 90%; height: auto; background: white; padding-top: 30px; padding-bottom: 40px; box-shadow: 0px 0px 5px 0px grey; border:1px solid black; margin-top: 20px;}
.pro-div-class-image{width: 90%; max-height: 300px; background: #dae2e4; padding-top: 2px; padding-bottom: 50px; box-shadow: 0px 0px 5px 0px grey; border:1px solid black; margin-top: 20px;}
.pro-div-class-image p{text-align: center;}
.pro-div-class-image p img{width: 100%;}
.pro-div-class p{font-family: all; font-weight: bold; color: green; margin-top: 20px;}
.form-css{padding: 20px; border:0px solid black; box-shadow: 0px 0px 1px 0px grey;}

/*-----------Offer Letter Section------*/
.offer-letter{width: 90%; padding: 20px 10px 20px 10px; box-shadow: 0px 0px 5px 0px grey;}

/*------------- ASM CSS Details ---------------------*/
.mr-search{width: 60%; padding: 10px 10px 10px 10px; box-shadow: 0px 0px 4px 0px grey; border:1px solid green;}
.list-display{padding:10px 10px 10px 10px; box-shadow: 0px 0px 0px 0px grey; margin-top: 20px; border:1px solid red;}
.reporting-first{border:1px solid green; box-shadow: 0px 0px 3px 0px grey; padding:20px;}
.report-display{margin-top: 20px; border:1px solid red; box-shadow: 0px 0px 3px 0px grey;}





/* Media Query Section Start Here ------------------*/
@media only screen and (max-width: 479px){

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
@media only screen and (min-width: 639px) and (max-width: 767px) {
	
}
@media only screen and (min-width: 768px) and (max-width:1024px) {
	
}
@media only screen and (min-width: 959px) and (max-width:1024px) {
	
}