@media all and (max-width: 1199px) and (min-width: 240px) {

	.container{

		width:100%;

		box-sizing: border-box;

		padding: 0 5%;

	}

	header .container{

		width:100%;

		margin:0;

		padding: 0;

	}

}







@media all and (max-width: 959px) and (min-width: 481px) {

	/* items are not quite 1/3 wide */

	.item {

	  width: 33.33%;

	  float: left;

	  margin-right:0;

	}

	

	.item:nth-child(4n+0) > a {

		margin-right:20px;

	}

	

	.item:nth-child(3n+0) > a {

		margin-right:0;

	}

	

}



@media all and (max-width: 480px) and (min-width: 240px) {

	/* items are not quite 1/1 wide */

	.item {

	  width: 100%;

	  float: left;

	}

	

	.item a {

		margin-right:0;

	}

}



@media all and (max-width: 960px){



.newslist .img-bg {

    height: 250px;

    background-size: cover !important;

}

	*[class^=w-].res-m-100{width:100%;}

	*[class^=w-].res-m-90{width:90%;}

	*[class^=w-].res-m-80{width:80%;}

	*[class^=w-].res-m-70{width:70%;}

	*[class^=w-].res-m-66{width:66.666%;}

	*[class^=w-].res-m-60{width:60%;}

	*[class^=w-].res-m-50{width:50%;}

	*[class^=w-].res-m-40{width:40%;}

	*[class^=w-].res-m-33{width:33.333%;}

	*[class^=w-].res-m-30{width:30%;}

	*[class^=w-].res-m-25{width:25%;}

	*[class^=w-].res-m-20{width:20%;}

	*[class^=w-].res-m-10{width:10%;}

.mob-art-pad

{

padding:0 20px;width:calc(100% - 40px)

}

}





@media all and (max-width: 480px){

	*[class^=w-].res-s-100{width:100%;}

	*[class^=w-].res-s-90{width:90%;}

	*[class^=w-].res-s-80{width:80%;}

	*[class^=w-].res-s-70{width:70%;}

	*[class^=w-].res-s-66{width:66.666%;}

	*[class^=w-].res-s-60{width:60%;}

	*[class^=w-].res-s-50{width:50%;}

	*[class^=w-].res-s-40{width:40%;}

	*[class^=w-].res-s-33{width:33.333%;}

	*[class^=w-].res-s-30{width:30%;}

	*[class^=w-].res-s-25{width:25%;}

	*[class^=w-].res-s-20{width:20%;}

	*[class^=w-].res-s-10{width:10%;}

}

@media all and (max-width: 760px){

	.img_mobile{width:100%}

.typewriter div {



    letter-spacing: 0;



    font-size: 15px;

}

}

@media all and (max-width: 960px) and (min-width: 240px) {

	.ms-view.ms-basic-view , .ms-slide{height:400px !important; }

	.master-slider h5{font-size:17px !important;line-height:normal !important }

	.master-slider .txt-edit ,.master-slider a{font-size:14px !important;line-height:normal !important}

	

	.master-slider .ms-layer {



    height: 100%;

    width: 350px;

    max-width: 70%;

	

	}

html,body

{

	font-size:16px;

}

.articles_details_main_title , .articles_details_title h1 , h1 {

    font-size: 22px!important;



}

.linkslider .slick-slide img

{

	max-width:100%

}

.news-holder{font-size:14px;}

h4 {

    font-size: 18px;

	}

h6 {

    font-size: 16px;

}



	.fa-whatsapp{display:inline-block}

	.mob-menu

{

	display:inline-block

}



.mob_social  a

{

padding: 0 5px;	display:inline-block

}

.social{display:none}

footer .social

{

	display:inline-block !important

}

footer .fa-whatsapp

{

	font-size:18px;

}

header ul li a {



    line-height: 30px;

    font-size: 1em;

}

	

.logo-menu

{

	display:inline-block

}



	.news .new{background-size:auto}

	menu .row

	{

			display: flex !important;

	justify-content: center;

	flex-direction: column;

	align-content: center;

	align-items: center;

	height:100vh;

	position:relative

	}

	.header-logo

	{

		width:100%;

		text-align:center

	}

	.header-writer{width:100%}

	.header-logo .logo

	{

		padding-right:0;

		margin-top:0;

		max-width:100%;

		padding-top:0;

		text-align:center;

	}

	

		.header-logo .logo img

	{



		max-width:160px;margin-top:30px;



	}

	

	

	header nav{padding-top:0}

	.header-writer .typewriter div

	{

		margin: 0

	}

	.header-social .social

	{

		margin:0

	}

	html, body{

		overflow-x: hidden;

	}

	

	.pad-30-0{

		padding:25px 0;

	}

	

	.pad-40-0, .pad-45-0, .pad-50-0{

		padding:30px 0;

	}

	

	.pad-0-30{

		padding:0 25px;

	}

	

	.pad-0-40, .pad-0-45, .pad-0-50{

		padding:0 30px;

	}

	

	.pad-30{

		padding:25px;

	}

	

	.pad-40, .pad-45, .pad-50{

		padding:30px;

	}

		

	header .logo{

		position:relative;

		padding: 10px 45px 10px 0;

		box-sizing: border-box;

	}

	

	header .logo img{

		width: 100%;	

	}

	

	menu{

		/*display:none;*/

		position:absolute;

		z-index:500;

		width:100%;

		top:100%;

	}

	

	header {

	    width: 100%;

	    position: relative;

	    z-index: 999;

	    padding: 0;

	    top: -20px;

	    height: auto;

	}

	.header-writer

	{

		text-align:left;

	}



	header ul{

		padding:0;

		margin: 0;

		list-style: none;

		width:100%;

		display:block;

	}



	header ul{

		padding:0 !important;

		width:100% !important;

		display:block;

	}



	header menu ul li{

		width:100% !important;

	}



	.trigger{

		display: block;

	}



	menu{

		position: absolute;

		z-index: 500;

		width: 110%;

		height: 100vh;

		box-sizing: border-box;

		left: 110%;

		padding: 0;

		top: 0;

		background:#FFF

	}



	menu ul{

		margin:0;

	}



	menu ul li{

		margin:0;

	}



	menu ul li a{

		padding: 0 15px;

		text-align: inherit;

	}



	header ul li a.active::after{

		right: 15px;

		display:none

	}



	header .social{

		margin: 30px 0 0;

	}



	header .social li{

		float: left;

	}



	.gallery {

		padding-left: 0;

	}



	.detailsdesc{

		display: inline-block;

		overflow: visible;

		padding-top: 25px;

	}



	footer .w-33 li{

		font-size: .9em;

		float: right;

		margin-left: 15px;

		margin-bottom: 10px;

	}

	

}