/*Box and Full Layout CSS*/

@media screen and (min-width: 1200px) {
    .layout-boxed {
        width: 100%;
        height: 100%;
        background-attachment: fixed;
        background-position: center center;
    }
    .layout-boxed.page-wrapper {
        max-width: 1250px;
        margin: 0px auto 0;
    }
}

  /* (1366x768) WXGA Display */

@media screen and (min-width: 1366px) and (max-width: 1919px) {
	.service-wrap {
		padding: 40px 25px 20px;
		text-align: center;
		margin-bottom: 30px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid {
		width: 21%;
		padding: 29px 17px;
	}
}
@media screen and (min-width: 1196px) and (max-width: 1364px) {
	.service-wrap {
		padding: 40px 25px 20px;
		text-align: center;
		margin-bottom: 30px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid {
		width: 21%;
		padding: 23px 3px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid p {
		font-size: 14px;
	}
	.apeix-blog .grid img {
		width:100%;
	}
	
}
/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1197px) {
	.service-wrap {
		padding: 40px 25px 20px;
		text-align: center;
		margin-bottom: 30px;
	}
	.section-title-s2 h2 {
		font-size:28px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid {
		width: 21%;
		padding: 23px 3px;
	}
	.nav-tabs>.pricing-content-1>a {
		margin-right:50px;
	}
	.pricing-section .pricing-img img {
		 max-width: 69%;
	}
	.apeix-blog .grid img {
		width:100%;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid p {
		font-size:14px;
	}
}
@media (max-width: 991px) {
	.contact-info ul li {
		padding-right: 1px;
		font-size: 13px;
	}
	.site-header .topbar .social {
		margin-bottom: 20px;
	}
	.slide-video-btn a.video-btn {
		width: 55px;
		height: 55px;
		border-radius: 55px;
		left: 275px;
	}
	.slide-video-btn a.video-btn:before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #3764eb
	}
	.hx-about-content h2 {
		font-size:30px;
		margin-top: 15px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid {
		width: 21%;
		padding: 20px 3px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid p {
		font-size: 13px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid h2 {
		font-size:20px;
	}
	.hx-counter-icon .fi:before {
		font-size: 40px;
	}
	.fun-fact-section .fun-fact-grids, 
	.fun-fact-section-s2 .fun-fact-grids {
		margin-top: 0px;
	}
	.nav-tabs>.pricing-content-1>a {
		margin-right:25px;
	}
	.pricing-section .pricing-img img {
		 max-width: 60%;
	}
	.apeix-blog .grid img {
		width:100%;
	}
	.hero-slider .slide-inner, .hero-slider .hero-inner {
		background-position:left;
	}
}
@media (max-width: 767px) {
	.header-style-1 .topbar .contact-info,
	.header-style-2 .topbar .contact-info,
	.header-style-3 .topbar .contact-info {
		text-align:center;
	}
	.contact-info ul li {
		display:block;
	}
	.site-header .contact-info ul > li + li {
		border:none;
		margin-left:0px;
		padding-left:0px;
	}
	
	.site-header .topbar .social {
		margin-top: 0px;
		text-align: center;
		margin-bottom: 20px;
	}
	.hx-about-content h2 {
		font-size: 27px;
		margin-top: 15px;
	}
	.fun-fact-section .fun-fact-grids,
	.fun-fact-section-s2 .fun-fact-grids {
		margin-left:0px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid {
		width: 250px;
		height: 250px;
		text-align: center;
		float: none;
		margin: auto;
		margin-bottom: 25px;
		padding-top: 55px;
	}
	.nav-tabs>.pricing-content-1>a {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.pricing-text {
		padding: 40px 19px;
		max-width: 280px;
		float: none;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.pricing-section .pricing-img img {
		max-width: 100%;
	}
	.hx-contact-img {
		width: 100%;
	}
	.apeix-blog .grid img {
		width:100%;
	}
	.hero-slider .slide-inner, .hero-slider .hero-inner {
		background-position:left;
	}
}

/* small mobile :576px. */

@media (min-width: 576px) and (max-width: 767px) {

}
/* extra small mobile 320px. */

@media (max-width: 575px) {
	.slide-video-btn a.video-btn { 
		display:none;
	}
	.fun-fact-section-s2 .fun-fact-grids {
		margin-left:0px;
	}
	.fun-fact-section-s2 .fun-fact-grids .grid {
		width: 250px;
		height: 250px;
		text-align: center;
		float: none;
		margin: auto;
		margin-bottom: 25px;
		padding-top: 55px;
	}
	.pricing-section ul.nav.nav-tabs {
		margin-left: 50px;
	}
	.hero-slider .slide-inner, .hero-slider .hero-inner {
		background-position:left;
	}
}
@media (max-width: 400px) { 
	.pricing-section ul.nav.nav-tabs {
		margin-left: 60px;
	}
}
/* Large Mobile :480px. */
@media (min-width: 375px) and (max-width: 576px) {

}