@media only screen and (min-width: 1024px) and (max-width: 1239px)  {}	
@media only screen and (min-width: 980px) and (max-width: 1023px)  {}


@media only screen and (min-width: 996px) and (max-width: 1015px) {

body {
		min-width: 960px;
		margin: 0;
	}

.main {
		width: 100%;s
	}

}

/*================================================*/

@media only screen and (max-width: 995px)  {
	
	body {
		min-width: 768px;
		margin: 0;
	}

	.main {
		width: 100%;
	}

/*Header*/

	nav {
	    padding: 23px 10px 28px;
	}

	.menu > li.second > a, 
	.menu > li.third > a, 
	.menu > li.four > a, 
	.menu > li.five > a {
	    padding: 11px 11px 12px;
	}

	.menu > li.six > a, 
	.menu > li.seven > a {
	    padding: 20px 11px 3px;
	}

/*Slider*/


	.paggination {
		margin: 0 5px;
	}

	.slider {
		width: 400px;
		height: 250px;
		background-size: contain
	}

	.pic{
		width: 100% !important;
		height: 250px !important;
		background-size: contain !important;
	}

	.mask {
		width: 100% !important;
		background-size: cover !important;
	}

	.mask >div {
		width: 100% !important;
		background-size: contain !important;
	}

	.banner {
	    left: 420px;
	    width: 230px;
	}

/**/

	figure.img-indent img {
		width: 100%;
		height: auto;
	}

	figure.img-indent {
		margin: 0 20px 10px 0;
	}

/*Contact*/

	dd {
	    margin: 0;
	}

	textarea {
	    width: 280px;
	}

}


/*================================================*/

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

	.select-menu {
		display: none !important;
	}

}


/*================================================*/

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

	body {
		min-width: 420px;
	}

/*Header*/

	.menu-container {
		height: 78px;
	}

	.menu {
		display: none !important;
	}

	.select-menu {
		display: block !important;
	}

	nav {
	    padding: 23px 40px 28px;
	}

	header h1,
	.padd-bot h1 {
		padding: 12px 0 0 0;
	}

	header h1 a,
	.padd-bot h1 a {
		background-position: -40px 0;
		width: 150px;
	}

/*Slider*/

	#page1 .wrapper {
		width: 420px;
		margin: 0 auto;
	}

	.paggination {
		float: none;
		width: 100%;
	}

	.paggination li {
		display: inline-block;
	}

	
	.slider-container {
	    box-sizing: border-box;
	    clear: both;
	    display: block;
	    float: none;
	    margin: 0 auto;
	    width: 97%;
	    height: 550px;
	}

	.slider {
	    height: 243px;
	    width: 390px;
	}

	.pic{
		height: 243px !important;
	}

	.banner {
		position: relative;
		top: auto !important;
		left: auto !important;
		width: 100%;
		clear: both;
		height: 245px !important;
	}

	.banner h3 {
		margin: 0 0 18px 15px;
	}


/**/

	figure.img-indent {
		float: none;
		margin: 0 0 10px;
	}


/*Contact*/

	iframe {
	    width: 100%;
	} 


}
 
/*================================================*/

@media only screen and (min-width: 640px) and (max-width: 767px)  {}	 
@media only screen and (min-width: 480px) and (max-width: 639px) {}

/*================================================*/

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

	body {
		min-width: 300px;
	}

/*Heasder*/


	header h3,
	.padd-bot h3 {
		font-size: 32px;
	}

	header h1 a,
	.padd-bot h1 a {
		width: 100px;
	}

	nav {
	    padding: 23px 20px 28px;
	}

/*Slider*/


	#page1 .wrapper {
		width: 280px;
	}

	.slider-container {
		height: 600px;
	}

	.slider {
	    height: 158px;
	    width: 235px;
	}

	.pic {
	    height: 158px !important;
	}

	.banner {
		width: 95%;

	}

	.banner-padd {
		padding-left: 0;
	}

/**/


	.fleft {
	    float: none;
	}

	.top-line h3 {
	    font-size: 33px;
	    line-height: 31px;
	    margin: 0 0 18px;
	}

	h3 {
		font-size: 33px;
		line-height: 33px;
	}


/*Contact*/


	textarea {
	    width: 260px;
	}

/*Footer*/


footer .wrapper {
	text-align: center;
}

	.soc-links {
		float: none;
		text-align: center;
		margin-right: 0;
		width: 100%;
	}

	.list-services {
	    display: block;
	    overflow: hidden;
	    width: 100px;
	    margin: 14px auto;
	}

	.footer-logo {
		float: none;
		margin: 28px auto;
	}





}