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

	html, body {
		font-size: 22px;
		line-height: 25px;
	}

	section.main-section {
		padding: 0 20px;
	}

	section.main-section > .wrapper {
		box-shadow: 0 0 20px #000;
	}

	header .menu > ul > li > div.ddm, footer .menu > ul > li > div.ddm{
		font-size: .9em;
	}

	header .menu > ul > li.industries .ddm{
		font-size: 1em;
	}

	header .menu > ul > li.industries .ddm a{
		font-size: .8em;
	}

	header .menu > ul > li.industries .ddm-sub{
		width: 230px;
	}

	
	header .menu > ul > li.industries > div.ddm ul li:last-child > .ddm-sub > ul > li > div.ddm-sub-sub, 
	footer .menu > ul > li.industries > div.ddm ul li:last-child > .ddm-sub > ul > li > div.ddm-sub-sub{
		right: 100%;
		left: auto;
	}

	footer .ftdata{
		font-size: 1em;
	}
}


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

	.container{
		width:100%;
		box-sizing: border-box;
		padding: 20px;
	}

	.container.pad-tb-40{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/*.values *[class^="w-"] {
	    font-size: .85em;
	}*/

	.branches-section .container{
		padding: 60px 20px;
	}

	.contactlist .overlay > div,
	.item > div .img-cont .overlay, .productslist .overlay,
	footer .ft-bg .w-40 {
		font-size: 1em;
	}
		
	.side-menu {
	    font-size: 1.2em;
	}

	h2{
		padding: 0;
		margin: 0 0 15px;
	}

	h4{
		margin: 0;
	}

	.services-section.pad-tb-20{
		padding: 0;
	}

	.branches-section .slickbranches {
	    font-size: 1.2em;
	    line-height: 1.35em;
	}

    /*.countrychoice{
        left: 20px !important;
        top: 128px !important;
        margin-left: 0 !important;
        max-width: 50%;
    }*/
	    


	footer .ft-bg{
		padding: 0;
	}

	footer,
	footer .container{
		padding: 0 20px;
		margin: 0;
	}

	footer .menu{
		padding: 10px 0;
		margin: 20px 0 0 0;
	}

	footer .isologo{
		position: relative;
		margin: 20px auto;
		top: 0;
		right: 0;
	}

	footer .sign{
		padding: 0 0 10px;
	}
}




@media all and (max-width: 960px) and (min-width: 481px) {
	*[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%;}
}


@media all and (max-width: 480px) and (min-width: 240px) {
	*[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: 960px) and (min-width: 240px) {
	.ww-50{width:100%}
	footer {padding: 0 0}
	.container{padding: 15px !important}
	.ms-slide-layers div{line-height:1em}
	.ms-skin-default .ms-nav-prev{left:0 !important;}
	.ms-skin-default .ms-nav-next{right:0 !important}
	.profile_page .w-50
	{
		width:100%
	}
	.item.masonry-brick
	{
		left:0 !important;
		position:relative !important;
		top:auto !important
	}
	.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;
	}
	
	.logo{
		position:relative;
		width:50%;
		margin-right:10px;
		float:left;
	}
	
	.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: 0;
	    height: auto;
	    padding: 0;
	}

	header ul{
		padding:0;
		margin: 0;
		list-style: none;
		width:100%;
		display:block;
	}

	header ul{
		padding:0 !important;
		width:100% !important;
		display:block;
	}

	header ul li{
		width:100% !important;
	}

	header ul.top-hd{
		background:#71bf51;	
	}

	header ul.bottom-hd{
		background:#c7161d;	
	}

	.trigger{
		display: block;
	}

	header .menu{
		position: fixed;
		z-index: 500;
		width: 250px;
		height: 100%;
		left: 100%;
		top: 0;
		background: #323232;
		margin: 0;
	}

	header .menu .ddm,
	header .menu .ddm-sub{
		position: relative !important;
		font-size: .45em !important;
		top: 0 !important;
		left: 0 !important;
	}

	header .menu ul{
		margin:0;
	}

	header .menu ul li{
		margin:0;
		font-size: 1.6em;
	}

	header .menu ul li a{
		padding: 15px;
		width: 170px;
	}

	.values *[class^="w-"] {
	    margin: 0 !important;
	}

	.values *[class^="w-"]:last-child {
	    margin-left: 25% !important;
	}

	.item {
		width: 100%;
	}

	.item:nth-child(2) > div{
		padding-top: 20px;
	}

	.item > div .datehist{
		right: 20px;
	}


	.txt-edit.brief-desc{
		display: block !important;
		font-size: .9em;
		padding-bottom:25px !important;
	}



	footer .menu{
		display: none;
	}

	.ms-slide .ms-layer{
		left: 0 !important;
		font-size: .75em !important;
	}

	footer .w-40.res-s-100{
		padding-top: 65px;
	}


	.services-section a{
		width: 100%;
		display: block;
		margin-bottom: 25px;
	}

	footer .ftform {
		margin-top: 40px;
	}

	footer .ftform .contact-title {
	    margin-left: -110px;
	    width: 160px;
	}
	
	footer a.up{
		right: -10px;
	}

	.pagetitle h2{
		margin-bottom: 5px;
	}
}



@media all and (max-width: 480px) and (min-width: 240px) {
	.values *[class^="w-"]:last-child {
	    margin: 0 !important;
	}

	.item > div .img-cont .overlay{
		position: relative;
		bottom: auto;
		opacity: 1;
		padding: 20px;
		background: #024f8a;
	}
}


@media all and (max-width: 414px){
	.countrychoice{
        left: auto !important;
    	right: 20px;
    	top: 145px !important;
    	max-width: 33%;
    }

    .countrychoice select{
        font-size: 14px !important;
        height: 25px;
    	padding: 0 !important;
    }
}


@media all and (max-width: 375px){
	.countrychoice{
        left: auto !important;
    	right: 20px;
    	top: 125px !important;
    }
}