a.list-group-item {
    font-size: 14px;
    padding-left:20px;
}
.list-group a.list-group-item {
    font-size: 12px;
    padding-left: 8px;
}
body{font-size: 14px; line-height: 18px;background:lightgray;}
/*****************  ------------------ For Top Manu  ----------------------  ***********************/
.dataTables_filter input[type="search"].form-control{
	#height:18px!important;
}
.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #E9E8E8;
	opacity: 0.7;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 123456789;
	overflow: hidden;
}
.top1 {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E9E9E9;
	z-index:9999;
	position:fixed;
	width:100%;
	z-index:99999999;
	top:0px;
}

.top1 .container{
    padding:0 15px;
}
.phone-mail{
    margin:0 20px 0 0;
    padding:0;
    z-index:9999;
    list-style:none;
    position:relative;
    float: left;
}
.phone-mail li{
    display:inline;
    list-style:none;
    padding-bottom:15px;
    margin-right: 5px;
}
.phone-mail i{
    font-size:11px;
    margin-top:3px;
    margin-right: 3px;
    color:#999;
}
.phone-mail li span{
    color:#7c8082;
    font-size:11px;
    font-family: 'Roboto', sans-serif;
}
.loginbar{
	margin:0;
	padding:0;
	z-index:9999999;
	list-style:none;
	position:relative;
    float: right;
}
@media (max-width: 480px) {
    .loginbar {
        float: left;
    }
}
.loginbar li {
	display:inline;
	list-style:none;
}
.loginbar li a,
.loginbar li a:hover {
	color:#7c8082;
	font-size:11px;
    font-family: 'Roboto', sans-serif;
}
.loginbar li.devider { 
	top:-1px;
	padding:0;
	font-size:8px;
	position:relative;
	margin:0 6px 0 2px;
	font-family:Tahoma;
	border-right:solid 1px #bbb;
}
.loginbar i {
	color:#999;
	font-size:18px;
	margin-top:3px;
	cursor:pointer;
}
.navbar {
    #background-image: linear-gradient(#54B4EB, #2FA4E7 60%, #1D9CE5);
	background-repeat: no-repeat;
	#border-bottom: 1px solid #990000;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
	border-radius: 0px;
}
.navbar-static-top,.navbar-fixed-top{
	background-color: #5C09F7;
	border-bottom: 0px solid #5C09F7;
	margin-top: 28px;
}
.navbar-fixed-top{
	z-index:99999999;
}
.navbar-default {
     background-color: #2FA4E7;
     border-color: #1995DC;
}
.navbar-fixed-bottom
{
	background-color: #736E6E;
  border-color: #000;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus ,
.navbar-default .navbar-nav > li > a {
     color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
     color: #000;
     background-color: #178ACC;
}
.navbar-toggle .icon-bar {background-color: black;}
.navbar-toggle {background-color: white;}
.navbar-nav a{
	color:#fff;
}
.navbar-nav > li > a:hover{
	color:#000;
}
.logo{
	position: relative;
	top:-10px;
	border-radius:6px;
}
.logo_name,.logo_content{
	color:#fff;
	font-size:13px;
	float:left;
	width:125px;
	text-align:center;
}
.logo_name{
	border-bottom:1px solid gray;
	margin-top:9px;
	font-weight:bold;
}
.logo_content{
	font-size:10px;
}
.panel-primary {
  border-color: #CFD0D0;
}
.panel-primary > .panel-heading {
  	color:#FFFFFF;
	/* background: -webkit-linear-gradient(#42C7EC,#55B3CD);
	background: -moz-linear-gradient(#42C7EC,#55B3CD); */
	font-weight:bold;
}
.commonbutton{float: right;}
.commonbutton button{width:130px;}
/************************************     For Slider  **********************************************/
#myCarousel{
	margin-top:80px;
}
#myCarousel .carousel-indicators {
	bottom: 0;
	left: 10px;
	margin-left: 5px;
	width: 100%;
}
#myCarousel .carousel-indicators li {
	border: medium none;
	border-radius: 0;
	float: left;
	height: 33px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 5px !important;
	margin-top: 0;
	width: 60px;
}
#myCarousel .carousel-indicators img {
	border: 2px solid #FFFFFF;
	float: left;
	height: 33px;
	left: 0;
	width: 60px;
}
#myCarousel .carousel-indicators .active img {
	border: 2px solid #39b3d7;
}
#myCarousel1 .thumbnail {
	margin-bottom: 0;
	width: 190px;
}
#myCarousel1 .carousel-control.left,#myCarousel1 .carousel-control.right {
	background-image:none !important;
}
#myCarousel1 .carousel-control {
	color:#fff;
	top:40%;
	color:#428BCA;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
#myCarousel1 .carousel-control:hover {
	color: #d9534f;
}
#myCarousel1 .carousel-control.left,#myCarousel1 .carousel-control.right {
	background-image:none !important;
}
#myCarousel1 .carousel-control.right {
	left:auto;
	right:-23px;
}
#myCarousel1 .carousel-control.left {
	right:auto;
	left:-23px;
}
#myCarousel1 .carousel-indicators {
	bottom:-30px;
}
#myCarousel1 .carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
#myCarousel1 .carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}
.carousel {
  position: relative;
}
/*************************************** Multi Step form *******************************************/
 ul#stepForm, ul#stepForm li {
	margin: 0;
	padding: 0;
}
ul#stepForm li {
	list-style: none outside none;
} 
label{margin-top:10px;}
.list-group-item label{margin-top:0px!important;}
.lable{margin-top: 0px;}
.mr5{ margin-right: 5px!important;}
.help-inline-error{color:red;}
/**************************************  Tab Panel  ********************************************/
.seo_div{
	background: #fff;
	padding: 0px 17px 17px 17px!important;
	opacity: 0.9;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	position: absolute;
	top: 14%;
	left: 47%;
	width: 240px;
	box-shadow: 0px 0px 1px 1px #ccc inset;
}
.seo_div1{
  top:38%;
  left: 47%;
  padding: 0px 19px 4px 14px !important;
  box-shadow: none;
  background: none;
  z-index: 123;
  border: none;
}
.seo_div1 h3{
	font-weight:bold;
	font-size:22px;
	color:#fff!important;

}
.seo_content{
	font-size:15px;
}
.banner_div{
	text-align:center;
}
.banner_images{
	max-width:95%;
}
P{
	color:#FFFFFF;
}
h4,.h4 {
  color: brown;
}
.story_img{
	width: 179px!important;
	height: 135px!important;
}
.tab-pane{
	border: 1px solid #ccc;
	border-top: none;
	padding: 2px 11px 3px 8px;
 }
.nav-tabs > li {
	background: #fff;
	width: 156px;
	text-align: center;
}
.nav-tabs > li > a {
  margin-right:2px;
  margin-top:2px;
  color: #000;
  font-weight: bold;
}
.nav-tabs > li > a:hover{
	color:#000;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #fff;
  background-color:#5C09F7;
}
.nav-tabs {
  border-bottom: 2px solid #AB8B8B;
 }
.login_registerBlock{
	padding-top:10px; 
	font-size:85%;
	padding-left: 20px;
}
.tabPanel{
	position: absolute;
	z-index: 1234;
	background-color: white;
	width:315px;
	padding: 0px;
	border: 1px solid #fff;
	 border-radius: 0px;
	right: 15%;
	top: 10.5%;
#	overflow: hidden;
	box-shadow:1px -1px 16px 7px #A8A8A8;
}
/************************************** min vertical slider   ********************************************/
#myCarousel1 .thumbnail {
	margin-bottom: 0;
	width: 190px;
}
#myCarousel2 .carousel-control.left,#myCarousel2 .carousel-control.right {
	background-image:none !important;
}
#myCarousel2 .carousel-control {
	color:#fff;
	top:40%;
	color:#428BCA;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
#myCarousel2 .carousel-control:hover {
	color: #d9534f;
}
#myCarousel2 .carousel-control.left,#myCarousel2 .carousel-control.right {
	background-image:none !important;
}
#myCarousel2 .carousel-control.right {
	left:auto;
	right:-32px;
}
#myCarousel2 .carousel-control.left {
	right:auto;
	left:-32px;
}
#myCarousel2 .carousel-indicators {
	bottom:-30px;
}
#myCarousel2 .carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
#myCarousel2 .carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}
/***************************************************** end Vertical Slider *********************************************/
.img{
	height:180px!important;
}
@media only screen and (max-width:1366px){
	.tabPanel {
 	 	right:9%;
	}
	.seo_div {
	  	left: 40%;
	}
}
@media only screen and (max-width:1024px){
	.img{
		height:150px!important;
	}
	.tabPanel {
 	 	right: 1%;
	}
	.seo_div {
	  	left: 40%;
	}
	.seo_div1{
		top: 48%;
		left: 37%!important;
  		padding: 0px 15px 2px 11px !important;
	}
}
.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}
.padding15 {
    padding: 15px;
}
.padding20 {
    padding: 20px;
}
.margin5 {
    margin: 5px;
}
.margin10 {
    margin: 10px;
}
.margin15 {
    margin: 15px;
}
.margin20 {
    margin: 20px;
}

.nlm {
    margin-left: 0 !important;
}
.nrm {
    margin-right: 0 !important;
}
.ntm {
    margin-top: 0 !important;
}
.nbm {
    margin-bottom: 0 !important;
}
.nlp {
    padding-left: 0 !important;
}
.nrp {
    padding-right: 0 !important;
}
.ntp {
    padding-top: 0 !important;
}
.nbp {
    padding-bottom: 0 !important;
}
.no-margin {
    margin: 0  !important;
}
.no-padding {
    padding: 0  !important;
}
.no-float {
    float: none !important;
}
/****************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
    padding-right:0px;
}
.sidebar.col-md-3,.sidebar.col-md-2{
	    padding-right:11px;
}

.navbar-default {
    #background-color: #1BA1E2;
    background-color: #736E6E;
	border-color: #000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #00AAFD;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#ffffff;background-color:#00AAFD}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {background: #5C09F7;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:#1BA1E2;
}
.navbar-inverse {
    background-color: #000;
    border-color: #000;
}
.required{color: #F00;}
.contact-form-container{padding: 25px}
.contactform .form-group {margin: 0px;}
.form-horizontal .control-label {text-align: left;}
.panel-heading{cursor: pointer;}

.mainbody{ padding-bottom:0px; min-height: 80%; overflow: hidden;}
.mainbody .row{margin: 0px; #background:#fff;}
.tab-content,#loginbox .panel{background: #DFDFDF;}

.page-header{margin-top: 0px;  border-bottom: 1px solid #1995DC; padding-bottom: 0px; }
.page-header h1{margin-top: 0px; font-size: 24px;}

.panel-body {width: 100%; margin: 0 auto;}
/*panel-body .col-lg-3{margin:25px; border: 1px solid #006bd6; padding: 10px; }*/
.adjustdiv{ border: 1px solid #000; text-align:center; width:256px; margin:0 10px 10px 10px; padding-bottom: 10px; padding-top: 5px;  }
.adjustdiv img{max-width: 200px; max-height: 200px;}
.textContainer{width: 100%; padding-top: 10px; }
.btn-social{padding-top: 5px;}
.prdname{font-size: 14px; line-height: 22px; font-weight: bold;text-align: center; color: #FF7518;}
.prdprice{color:#9954bb;}
.error{color: #FF0000;}

.footer{ margin:0; padding: 17px 0; border-radius: 0px; height: auto; }
.footer1
{
	padding: 6px 0px;
}
.copyright{ color: #fff; text-align: center; }
.copyright a{ color: #fff; }


.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

/**************************************  ------------------------    User Panel Side Design       ------------------------  ********************************************/
.user_profile{
	margin-top:115px;
}
.thumbnail {
    position:	;
    overflow:hidden;
	background:none;
	border:none;
}
.row{
	margin-left:0px;
	margin-right:0px;
}
.mini-submenu{
  display:none;  
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0.9);
   border-radius: 0px;
  padding: 5px 8px;
  width: 40px;

}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color:#337ab7;
  border-color:#337ab7;
}
.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu .icon-bar {
  background-color: #000;
}

#slide-submenu{
  display: inline-block;
  padding: 0 8px;
   border-radius: 0px;
  cursor: pointer;
}
.popover {
  position: absolute;
  top: -60px;
}

<!--  ------------------------------------------------        Side Filter -------------------------------------------------  -->
.mini-submenu{
	display:none;  
	background-color: rgba(0, 0, 0, 0);  
	border: 1px solid rgba(0, 0, 0, 0.9);
	border-radius:2px;
	padding: 9px;  
	width: 42px;
	}
.mini-submenu:hover{
	cursor: pointer;
}
.mini-submenu .icon-bar {
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
	margin-top:3px;
}
.mini-submenu .icon-bar {
	background-color: #000;
}
#slide-submenu{
	display: inline-block;
	padding:0px 8px;
	border-radius:2px;
	cursor: pointer;
	color: #fff;
}
.list-group-item {
	padding: 10px 5px;
}
fieldset{
	border: 1px solid #69AABD;
	margin-bottom:5px;
}
legend{
	color:#33A0C0
}
.page-header h3{
	color:#00A8FF;
}
#myForm label{
	text-align:left;
}
.form-group {
	margin-bottom: 5px;
}
	/* for left sidebar  */
.list-group {
	overflow-y:auto;
	height:auto;
	border-radius:0px;
}
.sidebar_select{
	overflow-y:scroll;
	height:80px;
}
.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
}
b{
	font-size:11px;
}
.list-group-item:first-child {
	border-top-left-radius:0px; 
	border-top-right-radius:0px; 
}
.list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.list-group-item {
	padding: 4px;
}
.filter_tab button{
	font-weight:bold;
	padding: 5px 13px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 2px;
	margin-left: 0px;
	margin-right: 0px;
}
.filter_tab button:active{
	color:#fff;
}

/******************************************   Register Member Page **********************************************/
.DemoBS2 .col-xs-1,.DemoBS2 .col-sm-1,.DemoBS2 .col-md-1,.DemoBS2 .col-lg-1,.DemoBS2 .col-xs-2,.DemoBS2 .col-sm-2,.DemoBS2 .col-md-2,.DemoBS2 .col-lg-2,.DemoBS2 .col-xs-3,.DemoBS2 .col-sm-3,.DemoBS2 .col-md-3,.DemoBS2 .col-lg-3,.DemoBS2 .col-xs-4,.DemoBS2 .col-sm-4,.DemoBS2 .col-md-4,.DemoBS2 .col-lg-4,.DemoBS2 .col-xs-5,.DemoBS2 .col-sm-5,.DemoBS2 .col-md-5, .col-lg-5,.DemoBS2 .col-xs-6,.DemoBS2 .col-sm-6,.DemoBS2 .col-md-6,.DemoBS2 .col-lg-6,.DemoBS2 .col-xs-7,.DemoBS2 .col-sm-7,.DemoBS2 .col-md-7,.DemoBS2 .col-lg-7,.DemoBS2 .col-xs-8, .DemoBS2 .col-sm-8,.DemoBS2 .col-md-8,.DemoBS2 .col-lg-8,.DemoBS2 .col-xs-9,.DemoBS2 .col-sm-9,.DemoBS2 .col-md-9,.DemoBS2 .col-lg-9,.DemoBS2 .col-xs-10,.DemoBS2 .col-sm-10, .DemoBS2 .col-md-10,.DemoBS2 .col-lg-10,.DemoBS2 .col-xs-11,.DemoBS2 .col-sm-11,.DemoBS2 .col-md-11,.DemoBS2 .col-lg-11,.DemoBS2 .col-xs-12,.DemoBS2 .col-sm-12,.DemoBS2 .col-md-12,.DemoBS2 .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.white{
	background:#fff;
}
.profile_gridImage{
	width: 85px;
	height: 85px;
	margin-top: 10px;
	margin-left: 8px;
}
.mt5{margin-top:5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 32px;}
.mt110{margin-top:115px;}
.mb10{margin-bottom: 10px;}
.pr15{padding-right: 15px;}
.mb100{  margin-bottom: 100px;}
.profileDetails{margin-left:50px;margin-top: -7px;}
.border{border: 1px solid lightgray;}
.mailFormate{padding: 15px;}
.mailBody{
	height: 107px!important;
  	margin-bottom: 15px;
}
.rm25{margin-right:25px;}
.invitationsGrid h4{
	margin-top:5px;
	margin-bottom:5px;
}
.invitationsGrid P{
  color: #454977;
  font-size: 12px;
}
/*panel margin added for give margin bottom from footer*/
.panel {
  margin-bottom: 65px;
}
.viewLinkStyle{
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 86%;
	float: left;
}
/* .contactHeadline{
	margin-left:-20px;
}
.contactHeadline span{
  position: absolute;
  font-size: 17px;
  color: white;
  background:rgb(221, 123, 53);
  padding: 8px;
  -webkit-transform: rotate(-41deg);
  top:502px;
  transform: rotate(0deg);
  -webkit-animation: pulse 5s infinite alternate; 
  left: 66.5%;
} */
.contactHeadline1{
	text-align: center;
	margin-top: -34px;
}
.contactHeadline1 span {
	position:relative;
	font-size: 17px;
	color: white;
	background:rgb(221, 123, 53);
	padding: 8px;
	-webkit-transform: rotate(-41deg);
	transform: rotate(0deg);
	-webkit-animation: pulse1 5s infinite alternate;
	top:65px;
	z-index: 123456789;
}
.secondLine span{top:45px;}
@-webkit-keyframes pulse1 {
    0% {background-color:rgb(221, 123, 53)}
    100% {background-color:rgb(221, 123, 53)}  
}
.contactHeadline1 span{
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
.contactHeadline1 span:hover {
	background-color:rgb(22, 75, 103);
	-webkit-transform: rotate(360deg) scale(2);
	-moz-transform: rotate(360deg) scale(2);
	-o-transform: rotate(360deg) scale(2);
	-ms-transform: rotate(360deg) scale(2);
	transform: rotate(360deg) scale(2);
}
/**********************************   About Us ****************************************/

#myCarouselAboutUs .carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

#myCarouselAboutUs .carousel.vertical .active {
  top: 0;
}
#myCarouselAboutUs .carousel.vertical .next {
  top: 400px;
}
#myCarouselAboutUs .carousel.vertical .prev {
  top: -400px;
}

#myCarouselAboutUs .carousel.vertical .next.left,
#myCarouselAboutUs .carousel.vertical .prev.right {
  top: 0;
}

#myCarouselAboutUs .carousel.vertical .active.left {
  top: -400px;
}

#myCarouselAboutUs .carousel.vertical .active.right {
  top: 400px;
}

#myCarouselAboutUs .carousel.vertical .item {
    left: 0;
}
.modal {
  z-index: 123456789!important;
}
.scroll_modal{height: 500px;overflow-y:auto;overflow-x:hidden;}
#loginbox .panel { margin-bottom: 0px;}
.thumbnail .caption {text-align: center;}
.searchLable label { margin-top: 0px;}
.searchLable .nav-tabs > li{width:144px;}
.filter_div{max-height:141px;overflow-y:auto;overflow-x: hidden;box-shadow: 0px 0px 0px 1px #8AACD8;}
.ml20{
	margin-left:20px;
}

/*  ------------------------  Responsive Design ---------------------------- */
@media only screen and (max-width:2000px){
	.tabPanel {right: 21%; top: 11%;}
}
@media only screen and (max-width:1366px){
	.tabPanel {top:13%;right:10%;}
@media only screen and (max-width:1280px){
	.seo_div1 {top: 35%;}
	.tabPanel {top:17%;right:15%;}
	.shortListStart {position: relative;top: 20px;}
}
@media only screen and (max-width:1120px){
	.tabPanel {top:5%;}
}
@media only screen and (max-width:1020px){
	.tabPanel {top:17%;}
}
@media only screen and (max-width:1030px){
	.tabPanel {top:100px;}
	.shortListStart {position: relative;top:0px;}
	.seo_div1 {top: 31.5%;}
	.panel-heading{padding: 6px 5px;}
	.seo_div1{  width: 218px;}
	.seo_div1 h3 {
	  font-weight: bold;
	  font-size: 18px;
	  color: #FFD500!important;
	  margin-top: 11px;
	  box-shadow: 0px 0px 1px 1px #09CAB4!important;
	}
	.seo_div1 {
	  left: 40%!important;
	  padding: 0px 15px 2px 11px !important;
	}
	.searchLable .nav-tabs > li {width:102px!important;}
	.btn-sm, .btn-group-sm > .btn {font-size: 12px; padding: 6px;}
	.list-group-item{font-size:11px;}
	.dhoroscope{font-size: 10px;margin-bottom: 10px;}
	.container {width: 100%;}
}
@media only screen and (max-width:957px){
	.logo {width: 170px;}
	.nav > li > a {
	  position: relative;
	  display: block;
	  padding:15px 9px;
	}
	.tabPanel {top:100px!imoportant;}
}
@media only screen and (max-width:780px){
	.logo {width: 144px;margin-left: -14px;margin-right: 0px;}
	.form-control {width:85%;}
	.phone-mail li:first-child{display: none;}
	.nav > li > a {position: relative;display: block; padding: 15px 3px;}
	.seo_div1 {left: 4%!important;}
	.profileDetails {margin-left: 0px;margin-top: 15px;}
	.shortListStart {position: relative;top:0px;}
	#myCarouselProfile {width: 170px!important;}
	.matchingProfile{width: 229px;text-align: center;  margin: 0 auto;}
	#interest{margin-top:10px;}
	#sectionB .form-control {width:100%!important;}
	#photo{margin-left:5px;}
	.body_type{width:100%;margin-top:2px;}
}
@media only screen and (max-width:767px){
	#myCarousel1 .thumbnail {width: 100%;}
	.thumbnail .caption {text-align: center;}
	.viewProfileTable {margin: 0 auto;}
	 .col-md-12{margin:0 auto;} 
	.col-md-12.mt10{margin-top:10px!important;}
	.col-md-12.mt20{margin-top:20px!important;}
	.col-md-12.mt20 .btn{font-size:12px;}
	#profileId .modal-footer{text-align: left;}
}

@media only screen and (max-width:680px){
	#myCarouselProfile {margin:0 auto;}
	.centerButton{margin: 0 auto;text-align: center;}
	.positionCenter{margin:0 auto;text-align: center;}
	.body_type{width:100%;margin-top:2px;}
	.white {background: #fff;padding: 8px;}
	.add-more,.del{margin-top:-34px;}
	.navbar-fixed-bottom.navbar-default{position:relative;}
	#forgotuserid .form-control{width:100%;}
	.dropdown-menu > li > a{color: #fff!important}
}
@media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {
	.dropdown-menu > li > a{color: #fff!important}	
}

@media only screen and (max-width:640px){
	#myCarouselProfile {margin:0 auto;}
	.centerButton{margin: 0 auto;text-align: center;}
	.positionCenter{margin:0 auto;text-align: center;}
	.body_type{width:100%;margin-top:2px;}
	.white {background: #fff;padding: 8px;}
	.add-more,.del{margin-top:-34px;}
	.navbar-fixed-bottom.navbar-default{position:relative;}
	#forgotuserid .form-control{width:100%;}
}

@media only screen and (max-width:620px){
	#myCarouselProfile {margin:0 auto;}
	.centerButton{margin: 0 auto;text-align: center;}
	.positionCenter{margin:0 auto;text-align: center;}
	.body_type{width:100%;margin-top:2px;}
	.white {background: #fff;padding: 8px;}
	.add-more,.del{margin-top:-34px;}
	.navbar-fixed-bottom.navbar-default{position:relative;}
	#forgotuserid .form-control{width:100%;}
	.dropdown-menu > li > a {
  		color: #FFF;
	}
}
@media only screen and (max-width:510px){
	.tabPanel {top:100px!imoportant;}
}
@media only screen and (max-width:500px){
	.home_link{display: none;}
	.panel-body{padding:5px!important;}
	#accordion .buttons .btn{text-align: center;width:100%;margin-top:5px;}
	#accordion .btn-group{width: 100%;}
	#sectionB .form-control {width:100%!important;}
	#myCarousel {margin-top:320px;}
	.seo_div1 {top: 67%;}
}

@media only screen and (max-width:480px){
	.home_link{display: none;}
	.panel-body{padding:5px!important;}
	#accordion .buttons .btn{text-align: center;width:100%;margin-top:5px;}
	#accordion .btn-group{width: 100%;}
	#sectionB .form-control {width:100%!important;}
	#myCarousel {margin-top:320px;}
	.seo_div1 {top: 67%;}
	.footer_link{display: none;}
	.myMatchesProfileImg {
	  float: none;
	  margin: 0 auto;
	  text-align: Center;
	  padding: 0;
	}
}
@media only screen and (max-width:390px){
	.home_link{display: none;}
	.panel-body{padding:5px!important;}
	#accordion .buttons .btn{text-align: center;width:100%;margin-top:5px;}
	#accordion .btn-group{width: 100%;}
	#sectionB .form-control {width:100%!important;}
	#myCarousel {margin-top:320px;}
	.seo_div1 {top: 67%;}
}
@media only screen and (max-width:395px){
	#myCarousel {margin-top: 420px;}
	div.dataTables_filter input {margin-left: 0.5em;display: inline-block;width: 200px;}
}

@media only screen and (max-width:350px){
	.tabPanel {top: 95px;}
	.home_link{display: none;}
	#myCarousel .carousel-inner > .item > img, #myCarousel .carousel-inner > .item > a > img{
  		height:inherit!important;
	}
	.body_type .btn{width: 86%;margin-top:2px;}
	h4{font-size:11px!important;}
	#sectionB{padding:0px;}
	#photo .list-group-item{width:100%!important;}
	.seo_div {left:23%;}
	.contactHeadline1 span {font-size: 12px;}
}



@media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {
	.on-right.mr35.myMatchesProfile{
		margin:0 auto;
		text-align:center;
	}
	.profileDetails {
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
		margin: 0px;
	}
}
@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) {
	.on-right.mr35.myMatchesProfile{
		margin:0 auto;
		text-align:center;
	}
	.profileDetails {
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
		margin: 0px;
	}
}
@media screen and (max-width: 360px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {
	.on-right.mr35.myMatchesProfile{
		margin:0 auto;
		text-align:center;
	}
	.profileDetails {
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
		margin: 0px;
	}
	#photo .list-group-item { width: 100%;}
}
@media screen and (min-width: 320px) and (max-width: 568px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) {
	.on-right.mr35.myMatchesProfile{
		margin:0 auto;
		text-align:center;
	}
	.profileDetails {
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
		margin: 0px;
	}
	#photo .list-group-item { width: 100%;}
}
@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {
	.on-right.mr35.myMatchesProfile{
		margin:0 auto;
		text-align:center;
	}
	.profileDetails {
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
		margin: 0px;
	}
}
@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {
	.on-right.mr35.myMatchesProfile{
		margin:0 auto;
		text-align:center;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
	#dhoroscope{font-size:10px;}
}



@media only screen and (max-width:318px){
	.tabPanel {top: 18.5%;width: 238px;}
	.home_link{display: none;}
	h4{font-size: 12px!important;}
	.seo_div {left:1%;}
	.nav-tabs > li {width: 115px;}
	.contactHeadline1 span {font-size: 12px;}
}
@media only screen and (max-width:230px){
	.tabPanel {top: 18.5%;}
	.home_link{display: none;}
	h4{font-size: 12px!important;}
	.seo_div {left:1%;}
	.nav-tabs > li {width: 115px;}
	.contactHeadline1 span {font-size: 12px;}

}
@media only screen and (max-width:280px){
.logo {width: 115px;}}
@media only screen and (max-width:190px){
.logo {width: 110px;}}