/*------------------------------------*\

         Media Queries

\*------------------------------------*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@media (min-width:768px) { .nav-list { display:block !important;}}


@media (max-width:1199px){ 
.nav-list > li > a {padding: 15px 12px; font-size:15px;}
.form-sign, .form-fb { width: 85%;}
.welcome-box h1 {  font-size: 40px}
.join-box h2, .latest-box h2 {  font-size: 16px;}
.logo {width: 34%;}
.sign-up-section {background-size: cover;}
.news-box h4 {font-size: 16px;}
.horoscope-box .horoscope-link ul li a {font-size: 14px;}
.about-inner .text-holder p {  font-size: 15px; padding: 0 0 6px 0;}
.report-list .text-holder h4 {font-size: 16px;}

.footer-inner aside {  width: 25%; float: left;}


.horoscope-list li {width:20%; }

.header-right ul li:first-child {
	font-size: 15px;
}
.header-right .ask-link {
	font-size: 15px;
}

/*19-july*/
.box-expert {
	width: 298px !important;
	vertical-align: top !important;
}
/*19-july-end*/
}


@media (max-width:991px){ 

.nav-mobile { top: 74px;  }
.nav-list { top:101px;}
.logo {  padding: 10px 0; margin-bottom:0px;}
.horoscope-list li {padding: 15px 13px;}
.horoscope-box .horoscope-link ul li a { font-size: 12px;}
.looking-box span {font-size: 12px; min-height: 36px;}
.about-box, .looking-box {padding-bottom: 15px;}
.report-list .text-holder h4 { font-size: 14px; min-height: 45px;}
.report-list .text-holder .start-link {margin-top:0px;}
.subscrice-box {   width: 85%;}

.speak-box .col-sm-4 {ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} 
.report-box .col-sm-4, .looking-box .col-sm-3  {ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.horoscope-box .horoscope-link ul {width: 50%;padding-top: 10px;}
.copy-right ul li a {font-size: 10px;}
.copy-right .col-sm-4, .copy-right .col-sm-8 { ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.join-form input[type="text"], .join-form input[type="email"], .join-form input[type="password"] {padding: 15px 5px 15px 40px;}
.footer-inner ul {width:100%;}
.copy-right { width:100%; text-align:center;}
.copy-right ul { width:100%; text-align: center;}
.copy-right ul li {text-align: center; display:inline-block; float:none;}
.nav-list { top: 191px;}

.subscrice-box {  width: 95%;}

.horoscope-list li {width:25%; }

.nav-list > li > a {padding:15px 8px 15px 8px;}

.copy-right .col-sm-4 { width:100%; text-align:center; float:left;}
.copy-right .col-sm-8 { width:100%;  float:right;}



/*phone-new-css*/

.header-right ul li {
	padding: 0 3px;
	font-size: 14px;
	text-align: center;
}
.header-right .ask-link {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0px;
	padding-top: 5px;
}
.header-right .ask-link::before {
	font-size: 13px;
	margin-right: 3px;
}
.header-right .log-in {
	font-size: 11px;
	padding: 8px 12px;
}
.header-right .sign-in {
	font-size: 11px;
	padding: 8px 12px;
}
.searchbox-icon, input[type="submit"].searchbox-submit {
	width: 34px;
	height: 34px;
	font-size: 16px;
	line-height: 34px;
}
.fb-icon {
	width: 34px;
	height: 34px;
	line-height: 34px;
}
.header-right ul li:first-child {
	font-size: 13px;
}
.header-right .ask-link {
	font-size: 13px;
}
/*phone-new-css-end*/
}



@media (max-width:767px){
	
.header-right { clear:both; float: none;  position:relative; }
.footer-inner ul {width:100%;}
.copy-right {text-align:center;}
.copy-right ul {width:100%;  }
.copy-right p a{ color:#fff;}
.horoscope-list li {  padding: 15px 26px;}
.horoscope-list li:nth-child(6n+1) { padding: 15px 26px;}
.searchbox input[type="search"].searchbox-input {position: absolute;z-index: 99999999; box-shadow: none;}
.searchbox-icon, .searchbox.searchbox-open input[type="submit"].searchbox-submit {z-index: 99999999;}
.searchbox { overflow:visible;}
.header-right {  clear: none;float: none;}
.nav-mobile {  top: 74px; font-size: 19px; line-height: 35px; color: #fff;font-weight: bold;}
.footer-inner aside { width: 50%;} 
.footer-inner ul{ margin-bottom:0px;}

.header-right .widget ul li { padding-bottom:0px !important; }


/*phone-new-css*/
.logo {
	width: 100%;
	text-align: center;
	padding-top: 0 !important;
}
.logo img {
	max-width: 200px;
	display: inline-block;
}
.textwidget.custom-html-widget {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.header-right ul {
	float: none;
	display: inline-block;
}
input[type="search"].searchbox-input {
	height: 34px;
	padding: 0;
	font-size: 15px;
}
.nav-list {
	top: 144px;
}

.nav-click i {
	height: 50px;
	width: 100%;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.nav-click i.nav-rotate {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
/*phone-new-css-end*/

}


@media (max-width:579px){
.logo { width:100%; text-align:center;}
.header-right ul li {padding: 0 9px;}
.welcome-box h1 {  font-size: 32px;}
.horoscope-list li:nth-child(6n+1), .horoscope-list li { padding:15px;}
.horoscope-box .horoscope-link ul li a { font-size:14px;}
.horoscope-box .horoscope-link ul, .about-inner .img-holder, .about-inner .img-holder img { width: 100%;}
.about-inner .text-holder { width: 100%; padding-top:20px;}
.report-box .col-sm-4{ ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.sign-up-section h2 { font-size: 20px; line-height: 25px;}
.subscrice-box input[type="submit"] {width: 100%; border-radius:0px;}
.subscrice-box input[type="text"] { width:100%;}
.connected-section {padding: 15px 0;}
.connected-inner span { font-size: 29px;}
.footer-inner {padding: 30px 0 10px 0;}
.footer-inner ul { width:100%; margin-bottom: 0;}
.horoscope-list li, .horoscope-list li:nth-child(6n+1) {padding: 15px 14px;}
input[type="search"].searchbox-input {padding: 0px 14px 0px 20px;}
.nav-mobile {   top: 74px; font-size: 19px; line-height: 35px; color: #fff; font-weight: bold;}
.copy-right ul li::before{content: "";}
.copy-right ul li { width:100%;}
.nav-list { top: 179px;}
.header-right .ask-link { display:block;}
.footer-inner li, .footer-inner aside  { width:100%;}
.subscrice-box input[type="email"] {  width: 100%;}

.horoscope-list li {
	width:33.3333%;
}

/*phone-new-css*/

.header-right ul li:first-child {
	width: 100%;
	text-align: center;
	height: 40px;
	vertical-align: middle;
}
.header-right .ask-link {
    display: inline-block;
    vertical-align: top;
}
.header-right ul li {
	padding: 0 5px;
	display: inline-block;
	float: none;
	vertical-align: top;
}
.header-right .ask-link {
	padding-top: 0px;
	vertical-align: middle;
}
/*phone-new-css-end*/
}

 @media (max-width:480px){
.nav-list {  top: 179px;}
.horoscope-list li, .horoscope-list li:nth-child(6n+1) { padding: 15px 4px;}

.horoscope-list li {
	width:50%;
}
/*phone-new-css*/
.nav-list {
	top: 179px;
}
.full-nav .nav-list > li > a {
	font-size: 16px;
}
.nav-list li .sub-menu a {
	font-size: 16px;
}
/*phone-new-css-end*/

.featured_image {
	width: 100% !important ;
	padding: 0 !important;
}
.post_cont_sectoion {
	width: 100% !important;
}
}

 @media (max-width:340px){
.horoscope-list li, .horoscope-list li:nth-child(6n+1) {
    padding: 15px 14px;
}

.header-right .log-in { padding: 9px 18px; }
.header-right .sign-in {padding: 9px 18px;}

}
	

.home-main-container {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.home-main-content { position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px; box-sizing: border-box;}
.main-sidebar { position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px; box-sizing: border-box;}



@media (min-width:576px) {

.home-main-content {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}	

.main-sidebar {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}	

}

@media (min-width:768px) {

.main-sidebar {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}	 

.home-main-content {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

} 


@media (min-width:992px) {
	
.main-sidebar {
-ms-flex: 0 0 31%;
flex: 0 0 31%;
max-width: 31%;
}

.home-main-content {
-ms-flex: 0 0 69%;
flex: 0 0 69%;
max-width: 69%;
}


}