/* #Media Queries
================================================== */
@media only screen and (max-width: 1919px) {
	.centering { max-width: 1430px;}
	.stories-box .stories-list .slick-slider { max-width: 1300px;}
	.stories-box .stories-list::after { background-size: contain; width: 1450px;}
	#headerCntr .navigation ul li a { font-size: 22px;}
	.home #headerCntr .navigation {padding: 60px 0 0;}
	.banner-box {padding: 220px 0 200px;}
	.banner-box .title { width: 700px; }
	.about-box .title { max-width: 700px; margin: 0px auto 40px; }
	.about-box { padding: 170px 0 150px; }
	.about-box .about-block p { font-size: 24px; line-height: 50px; }
	.latest-blog .title { max-width: 450px; }
	.stories-box { padding: 160px 0 0; }
	.stories-box .title { max-width: 700px; }
	.stories-box .stories-list { padding: 85px 0 0; }
	.joinmy-box { padding: 220px 0; }
	.joinmy-box .latest-block h4 { font-size: 36px;}
	.joinmy-box .latest-block p { font-size: 50px; }
	.joinmy-box .latest-block .newsletter input[type="email"] { height: 120px;}
	.joinmy-box .latest-block .newsletter input[type="submit"] { height: 120px; padding: 44px 20px; }
}
@media only screen and (max-width:1599px) {
	.centering { max-width: 1280px;}
	.stories-box { min-height: 1200px;}
	.stories-box .stories-list .slick-slider { max-width: 1240px;}
	.stories-box .stories-list::after { background-size: contain; width: 1350px; top: 460px;}
	.joinmy-box .latest-block p { font-size: 50px; }
	.banner-box { min-height: 1200px; padding: 200px 0 200px;}
	.home #headerCntr .navigation { padding: 50px 0 0; }
	.about-box { min-height: auto; padding: 200px 0;}
	.latest-blog { padding: 150px 0 120px;}	
	.stories-box .stories-list { padding: 85px 0 0; }
	.joinmy-box { min-height: auto; }
	
	#footerCntr { padding: 80px 0 50px; }
	
}
@media only screen and (max-width: 1500px) {
	.banner-box { min-height: auto; padding: 150px 0; }
	.banner-box .title {left:0; max-width: 600px;}
	.banner-box h4 { left:0; font-size: 30px;}
	.banner-box h2 { left:0; font-size: 60px;}
	.banner-box h5 { font-size: 26px; line-height: 32px;}
	.banner-box .button { width: 320px;height: 66px;font-size: 20px;line-height: 20px;padding: 21px 15px;}
	.about-box .title { max-width: 600px; margin: 2px auto 30px; }
	.about-box { padding: 150px 0 120px; }
	.about-box .about-block { max-width: 1000px;}
	.about-box .about-block p { font-size: 22px; line-height: 40px; }
	.latest-blog .title { left:0; max-width: 400px;}
	.latest-blog { padding: 100px 0 80px; }
	.latest-blog .latest-list .text { margin:0; padding:0 15px;}
	.latest-blog .latest-list .blogs:nth-child(3) .text { margin-left: 0; }
	.latest-blog .latest-list .img { margin-bottom: 20px; }
	.latest-blog .latest-list span.date { padding-bottom: 15px; font-size: 18px; }
	.latest-blog .latest-list h3 { margin: 0 0 25px; font-size: 24px; line-height: 32px;}
	.latest-blog .latest-list p { padding-bottom: 25px; }
	.stories-box { min-height: auto; padding: 100px 0 200px;}
	.stories-box .title { max-width: 600px; }
	.stories-box .stories-list {  padding: 50px 0 0; }
	.stories-box .stories-list .slick-slider { max-width: 1000px; }
	.stories-box .stories-list img { width: auto; }
	.stories-box .stories-list .stories { padding:0 15px; }
	.stories-box .stories-list::after { width: 1190px; left: 0; top: 375px;}
	.stories-box .stories-list .slick-arrow { top: 40%; }
	.stories-box .stories-list .slick-prev { left: -40px;}
	.stories-box .stories-list .slick-next { right: -40px;}
	.joinmy-box { padding: 150px 0; }
	.joinmy-box .latest-block h4 { font-size: 30px; line-height: 30px; margin: 0 0 30px; }
	.joinmy-box .latest-block { max-width: 80%; }
	.joinmy-box .latest-block p { font-size: 40px; line-height: 60px; }
	.joinmy-box .latest-block .newsletter { margin: 30px auto 0; }
	.joinmy-box .latest-block .newsletter input[type="email"] { height: 80px;    padding: 20px;font-size: 20px;line-height: 30px;}
	.joinmy-box .latest-block .newsletter input[type="submit"] { height: 80px; font-size: 20px;line-height: 20px; width: 200px; padding: 30px 20px;}
	
	
}
@media only screen and (max-width: 1279px){
	.home #headerCntr .navigation { padding: 30px 0 0; }
	#headerCntr .navigation ul li a { padding: 0 25px !important;font-size: 20px;line-height: 30px;}
	.banner-box { padding: 150px 0 120px;}
	.banner-box .title { max-width: 500px;}
	.latest-blog .title { max-width: 300px;}
	.stories-box .title { max-width: 500px;}
	.about-box { padding: 100px 0 80px; }
	.latest-blog .latest-list h3::after { width: 90%; }
	.latest-blog .latest-list h3 { margin: 0 0 15px; font-size: 20px;    line-height: 27px; }
	.stories-box { padding: 80px 0 150px;}
	.stories-box .stories-list .slick-slider { max-width: 800px; }
	.stories-box .stories-list::after { width: 935px; left: 0; top: 403px; }
	.stories-box .stories-list .button { width: auto;height: auto;font-size: 18px; line-height: 18px;padding: 14px 15px 15px;}	
	.joinmy-box { padding: 120px 0; }
	.joinmy-box .latest-block p { font-size: 30px; line-height: 50px; }
	.footertopBox p { font-size: 18px;}
	.footertopBox .social li { padding: 0 20px; }
	.footertopBox .flogo { max-width: 180px; margin: 0 auto 30px;}
	.footertopBox .social { margin-bottom: 25px; }
	#BlogCntr { padding: 80px 0 30px; }
	#BlogCntr h1 { font-size: 32px;}
	
}
@media only screen and (max-width: 1023px){
	
	.banner-box { padding: 120px 0 100px; }
	.banner-box h5 { font-size: 20px;line-height: 24px;}
	.banner-box .title { max-width: 400px; }
	.banner-box h4 { font-size: 22px;line-height: 26px; }
	.banner-box h2 { font-size: 40px; line-height: 50px; margin: 0 0 10px;}
	.banner-box p { font-size: 16px; line-height: 28px; }
	.banner-box h3 { margin: 0px 0 30px; font-size: 20px; line-height: 30px;}
	.banner-box .button { width: auto; height: auto; font-size: 18px; line-height: 18px; letter-spacing: 1px;}
	.about-box { padding: 70px 0 50px; }
	.about-box .title { max-width: 500px;margin: 0px auto 20px;}
	.about-box .about-block p {font-size: 18px; line-height: 30px; }
	.latest-blog { padding: 70px 0 50px; }
	.latest-blog .latest-list p { line-height: 24px;}
	.stories-box { padding: 50px 0 100px; }
	.stories-box .title { max-width: 400px; }
	.stories-box .stories-list .slick-slider {  max-width: 600px; }
	.stories-box .stories-list .button { font-size: 16px;line-height: 16px;letter-spacing: 1px;}
	.stories-box .stories-list { padding: 30px 0 0; }
	.stories-box .stories-list::after { width: 700px; left: 0; top: 285px; }
	.joinmy-box { padding: 50px 0 70px; }
	.joinmy-box .latest-block h4 { font-size: 22px;line-height: 30px;margin: 0px 0 20px;letter-spacing: 1px; }
	.joinmy-box .latest-block p { font-size: 24px;line-height: 34px; }
	.joinmy-box .latest-block .newsletter { margin: 10px auto 0; }
	.joinmy-box .latest-block .newsletter input[type="email"] { height: 60px;}
	.joinmy-box .latest-block .newsletter input[type="submit"] { height: 60px;padding: 20px 20px; }
	
	
}
@media only screen and (max-width: 767px){
	#headerCntr { min-height: auto; padding-bottom: 12px; background: #000; height: 60px;}
	#headerCntr .nav-block { width: 100%; }
	#headerCntr .header-logo { width: auto; }
	#headerCntr .nav-block .navigation { width: 100%; display: none;}
	#headerCntr .nav-block .header-right {left: auto; position: absolute;right: 65px; top: 0; }
	#headerCntr a.mobileMenu { position: absolute; right: 10px; top: 12px; width: 50px; height: 50px; font-size: 0px; transition: all 350ms;-webkit-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms; display: block; }
	#headerCntr a.mobileMenu span { width: 33px;height: 2px;display: block;position: absolute;right: 5px;top: 21px;background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;}
	#headerCntr a.mobileMenu span:before {width: 33px;height: 2px;position: absolute;left: 0px;bottom: -11px; content: '';background: #fff;transition: all 0.3s;-webkit-transition: all 0.3s; }
	#headerCntr a.mobileMenu span:after { width: 33px; height: 2px; position: absolute; left: 0px; top: -11px;    content: ''; background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;}
	#headerCntr a.mobileMenu.active span{ background: transparent; }
	#headerCntr a.mobileMenu.active span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0px; }
	#headerCntr a.mobileMenu.active span:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px; }
	#headerCntr .topBox .navigation { margin-right: 0px; display: none;  background: #f83138; position: absolute; top: 59px; left: 0; width: 100%; margin: 0; z-index: 111;	text-align: left; transition: unset;padding:0; }
	#headerCntr .navigation.mobilenav { display: none;padding: 0 !important; }
	#headerCntr .topBox { overflow: unset;}
	#headerCntr { overflow: unset; }
	#headerCntr .navigation ul li { display: block; }
	#headerCntr .navigation ul li a { font-size: 18px;color: #fff;display: block;padding: 12px 15px !important;border-bottom: 1px solid rgba(255,255,255,.2); }
	#headerCntr .navigation ul li:last-child a { border: 0; }
	#headerCntr .navigation ul li a:hover{ background: #000; color: #fff; }
	#headerCntr .navigation ul li a:hover, #headerCntr .navigation ul li.current-menu-item a { background: #000; color: #fff;  }
	
	.banner-box { padding: 80px 0; }
	.banner-box .title { max-width: 300px; }
	.about-box { padding: 50px 0 30px; }
	.latest-blog { padding: 50px 0 30px; }
	.about-box .title { max-width: 300px; }
	.latest-blog .title { max-width: 240px; margin: 0 auto 30px; }
	.latest-blog .latest-list .blogs {width: 100%;margin: 0 0 30px; text-align: center; }
	.latest-blog .latest-list .text { margin:0 auto !important; }
	.latest-blog .latest-list .img img { margin:0 auto; }
	.latest-blog .latest-list p { padding-bottom: 10px;}
	.latest-blog .latest-list h3::after {width: 100%;}
	.stories-box .title { max-width: 300px; }
	.stories-box { padding: 40px 0 70px; }
	.stories-box .stories-list .slick-slider {  max-width: 300px;}
	.stories-box .stories-list::after { width: 400px; left: -25px;top: 393px;    height: 200px;right: 0;margin: 0 auto;}
	.joinmy-box .latest-block h4 { font-size: 20px; letter-spacing:0; }
	#footerCntr { padding: 30px 0 30px; }
	.footertopBox .social li { padding: 0 10px; }
	.footertopBox p {font-size: 16px;}
	.banner-box .banner-text { padding: 15px 15px; background: rgba(0, 0,0, 0.7);}
	#headerCntr .navigation ul li a::after { display: none; }
}
@media only screen and (max-width: 639px){
	.banner-box h3 br { display: none; }
	.banner-box { background-position: center; }
	.joinmy-box .latest-block .newsletter input[type="submit"] { height: 60px;    position: relative;width: 100%; margin-top: 10px;}
}
@media only screen and (max-width: 479px){
	.banner-box p { line-height: 24px;}
	.banner-box p br { display: none; }
	.banner-box h3 { font-size: 18px; line-height: 28px; }
	.stories-box .stories-list .slick-prev { width: 20px; left:0; }
	.stories-box .stories-list .slick-next { width: 20px; right:0; }
	.stories-box .stories-list::after {width: 320px;left: -15px;}
	.joinmy-box { padding: 30px 0 50px; }
	.joinmy-box .latest-block p { font-size: 20px;line-height: 30px;}
	.joinmy-box .latest-block { max-width: 100%; }
	.footertopBox p {font-size: 14px;line-height: 20px;}
}

@media only screen and (max-width: 374px){
	.banner-box .title { max-width: 250px; }
	.about-box .title { max-width: 250px; }
	.stories-box .title { max-width: 250px; }
	.latest-blog .title { max-width: 200px; }
	
}































