/* Media Queries */




/* Header Media Queries */

@media only screen and (max-width: 767px) and (min-width: 320px)  {
	header#header {
		display: none;
	}
	#header-phone{
		display:block;
		padding: 10px 0px;
	}
	.site-title.h1 {
	  margin-top: 0px;
	  margin-left: 15px;
	}
	.main-header {
	  height: 72px;
	}
	body.single-post .gridlove-logo {
		margin-top: -3%;
	}
	body.category .gridlove-logo {
		margin-top: 0%;
	}
}

/* Header Popup Search Media Queries */

@media only screen and (max-width: 767px) and (min-width: 320px)  {
	.search-menu-mobile{
		height:100vh!important;
		top:0px!important;
		position:fixed!important;
	}
}

/* HomePage Media Queries */

@media only screen and (max-width: 767px) and (min-width: 320px)  {
	
	
	div#gridlove-header-responsive {
		display: none;
	}
	.Logo-slider {
    padding-top: 30px;
    padding-bottom: 30px;
}
	.banner h2 {
		font-size: 36px;
		line-height: 37px;
	}
	.searchButton {
		font-size: 18px;
		padding-left: 0px;
	}
	.searchTerm {
		width: 70%!important;
		padding: 0px 10px!important;
		font-size: 13px!important;
	}
	.row.sub-footer-divs p img {
		width: 100px;
	}
	.horizontal-menu{
		width: 75%;
	}
	.desktop-header {
		width: 23%;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
		background: transparent;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
		margin-top: 32px;
	}
	.desktop-header #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
		width: 100%!important;
	}
	.desktop-header #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
		width: 80%!important;
	}
	.desktop-header #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
		width: 100%!important;
	}
	.desktop-header #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
		padding: 0px 0px 5px 5px!important;
	}
	.desktop-header{
		display:none;
	}
	.Phone-menu-header {
		display: inline-block;
		margin-top: 0px;
		position: absolute;
		right: 12px;
		top: 5px;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 .mega-menu-toggle {
		
		background: #fff;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{
		background-color: #000;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before{
		background-color: #000;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 #mega-menu-gridlove_secondary_menu_2 > li.mega-menu-item > a.mega-menu-link {
		color: #4B4B4B;
		font-size: 18px;
		
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 #mega-menu-gridlove_secondary_menu_2 > li.mega-menu-item > a.mega-menu-link:hover {
		color: #232792!important;
		font-size: 18px;
		background-color: #dddada;
	}
	
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 .mega-menu-toggle + #mega-menu-gridlove_secondary_menu_2 {
		background: #fff;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 #mega-menu-gridlove_secondary_menu_2 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
		content: '\f078'!important;
		font-family: fontawesome!important;
		color: #F3781E;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 #mega-menu-gridlove_secondary_menu_2 > li.mega-menu-item {
		padding: 10px 10px;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
		background-color: #000;
	}
	.Phone-menu-header #mega-menu-wrap-gridlove_secondary_menu_2 #mega-menu-gridlove_secondary_menu_2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		font-size: 17px;
		padding: 9px 10px 9px 10px;
		background: #ffffff;
	}
	.Phone-menu-header ul#mega-menu-gridlove_secondary_menu_2 {
		/* height: auto!important; */
		min-height: 80vh!important;
	}
	#header-phone img.gridlove-logo {
		width: 200px!important; 
	}
	#header-phone .gridlove-header-wide.gridlove-branding-bg {
		left: -13px!important;
	} 
	.banner {
		margin-top: 0px;
		background-size: cover;
	}
	.knownledge--tag {
		display: block;
	}
	.main--tabs {
		width: 88%;
		margin-bottom: 10px;
		margin-left: 15px;
	}
	.main--tabs p {	
		font-size: 18px;	
		margin-top: 7px;
		margin-bottom: 13px;
	}
	.main--tabs .tab--img {
		margin-top: 15px;	
	} 
	.explore-country .slider-img {
		height: 250px;
	}
	.hidden-gems h2.linear-text {
		font-size: 26px;
		width: 90%;
	}
	.hidden-gems .slider-img {
		height: 300px;
	}
	.hidden-gems .article-count {
		bottom: 30px;		
	}
	.hidden-gems .cat-name {
		bottom: 50px;
	}
	section.hidden-gems .col-md-2.col-sm-3 {
		display: none;
	}
	.popular-landmark {
		padding-bottom: 20px;
	}
	.popular-landmark h5 i {
		margin-top: 0px!important;
		margin-right: 20px;
		font-size: 25px;
	}
	.popular-landmark p {
		margin-bottom: 30px;
		font-size: 14px;
	}
	.popular-landmark h3 {
		margin-top: 15px;
		font-size: 16px;
	}
	section.ziyarah-pdfs h2 {
		font-size: 28px;
	}
	section.ziyarah-pdfs .btn-2 {
		padding: 12px 21px;
		font-size: 15px;
		margin-left: 14px;
	}
	section.ziyarah-pdfs .btn-1 {
		padding: 12px 17px;
		font-size: 14px;
	}
	section.ziyarah-pdfs .btns-div {
		margin: 20px 0px;
		margin-bottom: 40px;
	}
	.row.pdf-uploads img {
		margin-bottom: 20px;
		border-radius: 10px;
		margin: 0 auto;
		width: 60%;
	}
	section.live-analytics {
		padding-bottom:0px;
		padding-top:0px;
	}
	section.clients-section img {
		margin-bottom: 20px;
		margin-left: 14px;
		margin-right: 14px;
	}
	section.clients-section p {
		width: 50%;
		margin: 0 auto;
		margin-bottom: 50px;
		display:block;
		text-align: center;
	}
	img.img-responsive.accor-logo {
		margin-left: 0px;
	}
	img.img-responsive.muslimsg-logo {
		margin-bottom: 16px;
		width: 100px;
		margin-right: 0px;
		margin-left:30px;
	}
	section.clients-section .ilm-logo {
		width: 130px!important;
		margin-left: 0px;
	}
	img.img-responsive.sara-logo {
		width: 149px;
		margin-right: 0px;
		margin-left: 0px;
	}
	img.img-responsive.tripadvisor-logo {
		margin-left: 0px;
		width: 150px;
	}
	img.img-responsive.altnews-logo {
		margin-left: 0px;
	}
	section.clients-section {
		display: none;
	}
	div#trusted_by_slider {
		display: none;
	}
	section.clientsSliderLogo {
		display: block;
	}
	.clientsSliderLogo .img-responsive.muslimsg-logo{
		margin-left:0px;
	}
	.clientsSliderLogo .img-responsive.ilm-logo.lazyloaded {
		margin-top: 25px;
	}
	.clientsSliderLogo .sara-logo {
		margin-top: 19px;
	}
	.clientsSliderLogo .tripadvisor-logo {
		margin-top: 15px!important;
	}
	.clientsSliderLogo .about-islam {
		margin-top: 20px;
	}
	.clientsSliderLogo .owl-dots {
		display: none!important;
	}
	.Explore-articles {
		width: 92%;
		display: block;
		margin: 0 auto;
		margin-bottom: 10%;
		margin-top: 7%;
	}
	.Explore-articles p {
		font-size: 25px;
		margin:auto;
		padding:20px;
	}
	.Explore-articles a {
		margin-top: 4%!important;
		margin-bottom: 25px;
		float: left;
		margin: 20px;
	}
	.row.sub-footer-divs p {
		margin-bottom: 30px;
		text-align: center;
		margin-top: 10px;
	}
	.sub-footer-divs ul li a {
		margin-right: 0px!important;
		float:none;
	}
	.sub-footer-divs ul li{
		display:inline-block;
		width: 32%;
		text-align: center;
	}
	.visitors-footer p {
		text-align: center;
		margin-bottom: 10px;
	}
	.sub-footer-divs {
		border-top: 1px solid #FFBF18;
	}
	.owl-carousel .owl-stage-outer{
		overflow: hidden !important;
	}
	section.popular-landmark img {
		height: 145px;
	}
	#posts_refresh .col-md-3 {
	  padding-left: 10px;
	  padding-right: 10px;
	}
	.row.pdf-uploads .col-xs-12 img{
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 70%;
	}
	.row.pdf-uploads .col-md-3{
		display:none;
	}
	#myModal2 .modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	  top: 0;
	  position: absolute; 
	}
	#myModal2.modal {
		text-align: left;
	}
	.images-main-ul li {
		display: inline-block;
		width: 49%;
	}
	.images-main-ul label img {
		height: 150px;
	}
	#news-slider .owl-item {
		margin-left: -12px;
	}
	#news-slider .post-slide {
		margin: 20px 0px 15px 0px;
		border-radius: 15px;
		padding-top: 0px;
		/* width: 90%; */
		margin-left: 16px;
		margin-right: 14px;
	}
	.explore-country .See-all-parent {
	  margin-top: -60px !important;
	}
	.explore-country .slider-img:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-image: none;
		opacity: 0;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		border-radius: 10px;
	}
	.hidden-gems .See-all-parent {
	  margin-top: -20px !important;
	  position: absolute;
	}
	.swiper-button-next-postTag, .swiper-button-prev-postTag {
	  position: absolute;
	  top: 38%;
	}
}


/* Category Page Media Queries */
@media only screen and (max-width: 767px) and (min-width: 320px)  {
	.Main-catpage h2.linear-text {
		font-size: 28px;
	}
	.Main-catpage .slider-img {
		height: 250px;
	}
}

/* Tag Page Media Queries */
@media only screen and (max-width: 767px) and (min-width: 320px)  {
	body.archive.tag .gridlove-logo{
		margin-top:0%;
	}
}

/* Single Post Page Media Queries */
@media only screen and (max-width: 767px) and (min-width: 320px)  {
	
	body.post-template-default.single.single-post .gridlove-box, #disqus_thread {
		padding: 0px 0px;
	}
	body.post-template-default.single.single-post .entry-image img {
		border-radius: 0px;
	}
	
	.gridlove-content.gridlove-single-layout-3 {
		margin-top: 6%;
	}
	.box-inner-p-smaller {
		padding: 20px 25px;
	}
	.box-single .entry-title {
		font-size: 28px;
		width: 100%;
	}
	.outside-article {
		padding: 0px 25px;
	}
	.meta-item.meta-rtime {
		margin-bottom: 25px;
	}
	body.post-template-default.single.single-post .entry-content {
		padding: 0px 25px;
	}
	body.post-template-default.single.single-post nav.gridlove-prev-next-nav {
		padding: 20px 20px;
	}
	body.post-template-default.single.single-post .entry-tags {
		margin-bottom: 25px;
	}
	body.post-template-default.single.single-post .box-inner-p-bigger {
		padding: 30px 0px 0px;
	}
	body.post-template-default.single.single-post .gridlove-sidebar {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 330px;
		flex: auto;
		width: auto;
		max-width: none;
		position: relative;
	}
	body.post-template-default.single.single-post .gridlove-related .entry-image img {
		border-radius: 10px;
	}
	body.single.single-post .gridlove-related .col-sm-12 {
		padding: 0px;
	}
	
}
