@media only screen and (min-width : 1200px){
	
}

@media only screen and (max-width : 1199px) and (min-width : 992px){

}

@media only screen and (max-width : 991px) and (min-width : 768px) {
	.logo img {
	    width: 170px;
	}
	#main-header {
	    padding: 60px 0 25px;
	}
	.main-nav ul li a {
	    font-size: 18px;
	    line-height: 18px;
	    padding: 0 0 0 20px;
	}

}

@media only screen and (max-width : 767px) {
	.logo img {
	    width: 170px;
	}
	.mm-btn i {
		font-size: 22px;
	    color: #fff;
	    margin-top: 5px;
	}
	.mm-btn {
		float: right;
	}
	.logo {
		float: left;
	}
	.lang-mob strong {
		float: left;
    	font-size: 12px;
	}
	.sidr ul li.lang-mob span {
		text-transform: initial;
    	font-size: 12px;
    	display: inline-block !important;
    	padding: 0 8px 0 5px;
	}
	#main-header {
	    padding: 5px 0;
	    position: fixed;
	    height: 40px;
	    z-index: 10;
	    width: 100%;
	    background: #39b1bc;
	    top: auto;
	    left: auto;
	}
	#main-header.gradient {
		background: #2fa6be;
	}
	#main-header .container {
		padding-left: 6px;
	}
	.home-slide {
	    height: 450px;
	}
	.home-slider {
		padding-top: 120px;
	}
	.flying-letter {
		top: 61%;
	}
	.home-slide .flying-letter {
	    margin: 20px 0 0 -15px;
	}
	.home-slide .flying-letter {
	    font-size: 400px;
	    line-height: 400px;
	}
	.top-title .flying-letter {
		font-size: 250px;
		line-height: 250px;
		margin: -50px 0 0 0;
	}
	.main-head h1, .main-head h2 {
		font-size: 32px;
		line-height: 39px;
	}
	.main-head a p {
	    max-height: 120px;
	    min-height: 96px;
	    display: -webkit-box;
	    -webkit-line-clamp: 5;
	    -webkit-box-orient: vertical;
	    text-align: center;
	}
	.last-icons {
	    padding: 50px 0 ;
	}
	.ajkon i {
	    font-size: 55px;
	    color: #2fa6be;
	    margin: 0 0 20px;
	}
	.ajkon p {
	    font-size: 12px;
	}
	.ajkon h3 {
	    font-size: 16px;
	    line-height: 21px;
	}
	.ajkon {
	    margin-bottom: 30px;
	}
	.main-head h2 {
	    min-height: 117px;
	    text-align: center;
	}
	.article-box a .flying-letter {
	    font-size: 220px;
	    line-height: 220px;
	}
	.boxici:nth-child(odd) .article-box:before {
	    right: -15px;
	}
		.article-box {
	    padding: 30px 0 30px;
	    position: relative;
	    margin: 20px 0 20px;
	}
	.article-box a {
	    padding: 0;
	    display: block;
	    text-align: center;
	}
	.article-box a h2 {
	    font-size: 19px;
	    line-height: 26px;
	    display: -webkit-box;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	    text-transform: uppercase;
	}
	.ft-wrap {
	    padding: 70px 0 0;
	}
	.top-title {
		padding: 160px 0;
	}
	.paper-wrap {
		padding: 0 20px 50px;
	}
	.share-it {
	    margin: 20px 0 20px;
	}
	.style-text p.intro {
	    font-size: 20px !important;
	    line-height: 30px !important;
	}
	.style-text p {
	    margin: 0 0 20px;
	    font-size: 14px !important;
    	line-height: 26px !important;
	}
	.top-title.small {
	    padding: 90px 0 210px;
	}
	.pull-it-up {
	    margin: -120px 0 0;
	}
	.paper-wrap.small-paddings {
	    padding: 41px 0 80px;
	}
	.main-title h1 {
	    font-size: 45px;
	    line-height: 45px;
	}
	.main-title {
	    border-bottom: none;
	    padding: 0;
	    margin: 0 0 30px;
	}
	.articles {
	    padding: 0;
	}
	.boxici.smaller .article-box a h2 {
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    height: 73px;
	    overflow: hidden;
	}
	.boxici.smaller .article-box a .flying-letter {
		top: 55%;
	}
	.boxici.smaller .article-box {
	    height: 350px;
	    margin: 5px 20px 30px;
	}
	.boxici.bigger .article-box {
	    padding: 0px 0 50px;
	    margin: 20px 0 20px;
	    min-height: 290px;
	}
	.boxici.bigger .article-box a h2 {
	    font-size: 30px;
	    line-height: 32px;
	}
	.article-box a span {
	    font-size: 14px;
	}
	.boxici.bigger .article-box a p {
	    margin: 15px 0;
	}
	.style-text h2 {
	    font-size: 19px;
	}


	
	
}

@media only screen and (max-width : 359px) {
	

}