/* (1366x768) WXGA Display */
@media screen and (min-width: 1366px) and (max-width: 1920px) {}


/*Medium Desktop Device*/
@media screen and (min-width: 1200px) and (max-width: 1366px) {
	/*-------------------------
		Home One
	---------------------------*/
	.about-area{
		background: #fff;
	}
	.slider-area{
		height: 700px;
	}
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	/*-------------------------
		Home One
	---------------------------*/
	.slider-area{
		height: 700px;
	}
	.personal-info ul li span{
		margin-left: 10px;
	}
}


/* Normal desktop :991px. */
@media (min-width: 768px) and (max-width: 991px) {
	/*-------------------------
		Home One
	---------------------------*/
	.container-fluid {
		max-width: 720px;
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.header-area {
	    padding: 20px 0px 13px;
	}
	.slider-area{
		height: 700px;
	}
	.slider-content h2 {
	    font-size: 44px;
	    line-height: 57px;
	    margin-bottom: 10px;
	}
	.slider-content h2 span {
	    font-size: 34px;
	    padding-left: 0;
	}
	.slider-content.show_me h2 span:before {
	    height: 85px;
	}
	.slider-content h2 span:before {
	    left: -9px;
	    top: -50px;
	}
	.about-area,
	.service-list{
		padding-top: 90px;
	}
	.personal-info h3 {
	    margin-bottom: 94px;
	}
	.personal-info ul li{
		margin-left: 15px;
	}
	.personal-info ul li:before,
	.personal-info ul li:after{
		display: none;
	}
	.personal-info ul li span{
		margin-left: 2px;
	}
	.personal-info-slider .swiper-slide{
		padding-left: 0;
	}
	.portfolio-area,
	.feature-blog{
		padding: 90px 0px 70px;
	}
	.contact-area{
		padding: 90px 0px;
	}
	.footer-area{
		padding: 90px 0px 50px;
	}

	/*-------------------------
		Blog
	---------------------------*/
	.blog-list,
	.blog-area{
		padding: 90px 0px;
	}
	.children{
		padding-left: 40px;
	}
}


/* small mobile :320px. */
@media (max-width: 767px) {
	/*-------------------------
		Home One
	---------------------------*/
	.header-area {
	    padding: 20px 0px 13px;
	}
	.header-style-two{
		position: static;
		top: 0;
	    padding: 20px 0px 13px;
	}
	.middle-logo{
		display: none!important;
	}
    
    .m-hide{
        display: none;
    }
    .m-show{
        display: block;
    }
}


/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*-------------------------
		Home One
	---------------------------*/
	.container-fluid {
		max-width: 540px;
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.slider-area{
		height: 640px;
	}
	.slider-content h2 {
	    font-size: 44px;
	    line-height: 57px;
	    margin-bottom: 10px;
	}
	.slider-content h2 span {
	    font-size: 34px;
	    padding-left: 0;
	}
	.slider-content.show_me h2 span:before {
	    height: 85px;
	}
	.slider-content h2 span:before {
	    left: -9px;
	    top: -50px;
	}
	.about-area,
	.service-list{
		padding-top: 80px;
	}
	.personal-info{
		margin-top: 50px;
	}
	.portfolio-area,
	.feature-blog{
		padding: 80px 0px 60px;
	}
	.portfolio-menu{
		margin-top: 30px;
	}
	.portfolio-menu button{
		margin-left: 0;
		margin-right: 23px;
	}
	.contact-area .section-title{
		margin-bottom: 40px;
	}
	.cnt-left ul li span.ct-break{
		display: inline-block;
	}
	.contact-form{
		margin-top: 40px;
	}
	.contact-area{
		padding: 80px 0px;
	}
	.footer-area{
		padding: 80px 0px 40px;
	}

	/*-------------------------
		Blog
	---------------------------*/
	.blog-list,
	.blog-area{
		padding: 80px 0px;
	}
	.children{
		padding-left: 50px;
	}
	.sidebar{
		margin-top: 60px;
	}




}


/* small mobile :320px. */
@media (min-width: 240px) and (max-width: 479px) {
	/*-------------------------
		Home One
	---------------------------*/
	.container-fluid {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	#preloader{
		display: none;
	}
	.slider-content h2{
		opacity: 1;
	    font-size: 25px;
	    line-height: 30px;
	    margin-bottom: 15px;
	    padding-left: 0;
	    font-size: 32px;
	}
	.slider-content h4{
		font-size: 25px;
	    letter-spacing: 0;
	    line-height: 30px;
	    margin-bottom: 20px;
	}
	.slider-content h4,
	.slider-content p{
		padding-left: 0;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	.slider-content p{
		margin-bottom: 40px;
	}
	.slider-content h4:before{
		display: none;
	}
	ul.social-link li a {
	    margin-right: 14px;
	    opacity: 1;
	    -webkit-transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
	    transition: all 0.3s ease 0s;
	}
	ul.social-link{
		margin:0px  0px 70px;
	}
	a.scrl_me_down {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    -o-transform: translateY(0px);
	    transform: translateY(0px);
	    -webkit-transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
	    transition: all 0.3s ease 0s;
	}
	.slider-area{
		height: 654px;
	}
	.about-area{
		padding: 70px 0px 0px;
	}
	.section-title,
	.contact-area .section-title{
		margin-bottom: 40px;
	}
	.personal-info{
		margin-top: 50px;
	}
	.personal-info-slider{
		margin-top: 114px;
	}
	.personal-info-slider .swiper-slide{
		padding-left: 0;
	}
	.personal-info ul li span {
	    display: block;
	    margin-left: 0;
	}
	.service-list {
	    padding-top: 40px;
	}
	.portfolio-area,
	.feature-blog{
		padding: 70px 0px 40px;
	}
	.portfolio-menu {
	    margin-top: 30px;
	}
	.portfolio-menu button{
		margin-left: 0;
		margin-right: 23px;
	}
	.section-title h2 {
	    font-size: 38px;
	}
	.contact-area{
		padding: 70px 0px;
	}
	.contact-form{
		margin-top: 50px;
	}
	.footer-area{
		padding: 70px 0px 30px;
	}
	.footer-area a.flogo {
	    margin-bottom: 18px;
	}
	.footer-area h2 {
	    font-size: 25px;
	}

	/*-------------------------
		Blog
	---------------------------*/
	.blog-list,
	.blog-area{
		padding: 70px 0px;
	}
	.children{
		padding-left: 30px;
	}
	.sidebar{
		margin-top: 60px;
	}


}