.topm .col-md-6 a img.not-mobile{
	display:block;
}
.topm .col-md-6 a img.mobile{
	display:none
}

@media (max-width: 1600px) and (min-height: 600px) {
	#section1 .container{
		width:100%;
		max-width:100%;
	}
	#section1 .ful{
		margin-top:130px;
		font-size:30px;
	}
	.topm .col-md-6{
		width:50%;
		float:left;
		text-align:center;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		height: auto;
		margin: 0 !important;
		width: auto;
		max-height: none;
		max-width: calc(50vw - 30px) !important;
	}
	.topm .col-md-6 a img.not-mobile{
		display:none !important;
	}
	.topm .col-md-6 a img.mobile{
		display:block
	}
}

@media (max-width: 1600px) and (max-height: 600px) {
	#section1 .container{
		width:100%;
		max-width:100%;
	}
	#section1 .ful{
		margin-top:30vh;
		font-size:30px;
	}
	.topm .col-md-6{
		width:50%;
		float:left;
		text-align:center;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(50vw - 30px) !important;
		max-height:45vh !important;
		width: auto;
		height: auto;
	}
	.topm .col-md-6 a img.not-mobile{
		display:none !important;
	}
	.topm .col-md-6 a img.mobile{
		display:inline-block
	}
}


@media (max-width: 900px){
	#section1 .topm {
		margin-top: 20px;
	}
	.topm .col-md-6{
		width:100%;
		float:none;
		text-align:center;
		max-height:40vh;
	}
	.topm .col-md-6 a{
		display:inline-block !important;
		width:auto !important; 
		height:29vw;
		max-height:none;
	}
	.topm .col-md-6 a img{
		display: block;
		height: 100%;
		margin: 0 !important;
		max-width: none;
		width: auto;
	}
}

@media (max-width: 900px) and (max-height: 750px){
	#section1 .topm {
		margin-top: 20px;
	}
	.topm .col-md-6{
		width:100%;
		float:none;
		text-align:center;
		max-height:40vh;
	}
	.topm .col-md-6 a{
		display: inline-block !important;
		height: auto !important;
		max-height: 27vh !important;
		max-width: 80% !important;
		width: 80% !important;
	}
	.topm .col-md-6 a img{
		display: block;
		height: auto;
		margin: 0 !important;
		max-width: 100% !important;
		width: auto;
		max-height:100% !important;
	}
}


@media (max-width: 700px) and (min-height: 900px){
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(100vw - 30px) !important;
		max-height:45vh !important;
		width: auto;
		height: auto;
	}	
}

@media (min-width: 500px) and (max-width: 700px) and (max-height: 900px){
	#section1 .ful {
    		font-size: 30px;
    		margin-top: 130px;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(100vw - 30px) !important;
		max-height:30vh !important;
		width: auto;
		height: auto;
	}	
}

@media (min-width: 500px) and (max-width: 700px) and (max-height: 750px){
	#section1 .ful {
    		font-size: 30px;
    		margin-top: 130px;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(100vw - 30px) !important;
		max-height:30vh !important;
		width: auto;
		height: auto;
	}
	.topm .col-md-6 {
		float: none;
		max-height: 40vh;
		text-align: center;
		width: 100%;
	}	
}



@media (min-width: 500px) and (max-width: 700px) and (max-height: 550px){
	#section1 .ful {
		font-size: 30px;
		margin-top: 100px;
	}
	.topm .col-md-6{
		width:100%;
		float:none;
		text-align:center;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(100vw - 30px) !important;
		max-height:27vh !important;
		width: auto;
		height: auto;
	}
}
@media (min-width: 500px) and (max-height: 400px){
	#section1 .ful {
		font-size: 30px;
		margin-top: 100px;
	}
	.topm .col-md-6{
		width:50%;
		float:left;
		text-align:center;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(100vw - 30px) !important;
		max-height:30vh !important;
		width: auto;
		height: auto;
	}
}

@media (min-width: 300px) and (max-width: 500px) and (max-height: 550px){
	#section1 .ful {
		font-size: 30px;
		margin-top: 100px;
	}
	.topm .col-md-6{
		width:100%;
		float:none;
		text-align:center;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(100vw - 30px) !important;
		max-height:27vh !important;
		width: auto;
		height: auto;
	}
}
@media (min-width: 300px) and (max-height: 400px){
	#section1 .ful {
		font-size: 30px;
		margin-top: 100px;
	}
	.topm .col-md-6{
		width:50%;
		float:left;
		text-align:center;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: calc(100vw - 30px) !important;
		max-height:30vh !important;
		width: auto;
		height: auto;
	}
}
/*
@media (max-width: 600px) and (max-height: 600px) {
	#section1 .container{
		width:100%;
		max-width:100%;
	}
	#section1 .ful{
		margin-top:100px	;
		font-size:30px;
	}
	.topm .col-md-6{
		width:50%;
		float:left;
		text-align:center;
	}
	.topm .col-md-6 a img,
	.topm .col-md-6 a{
		display: inline-block !important;
		margin: 0 !important;
		max-width: 50vw !important;
		max-height:45vh !important;
		width: auto;
		height: auto;
	}
	.topm .col-md-6 a img.not-mobile{
		display:none !important;
	}
	.topm .col-md-6 a img.mobile{
		display:inline-block
	}
	#section1 .topm {
    		margin-top: 20px;
	}
}





@media (max-width: 500px) {
	.topm .col-md-6{
		width:100%;
		float:none;
		text-align:center;
	}
	.topm .col-md-6 a{
		display:inline-block !important;
		width:auto !important; 
		height:44vw;
		max-height:none;
		max-width:none !important
	}
	.topm .col-md-6 a img{
		display: block;
		height: 100%;
		margin: 0 !important;
		max-width: none !important;
		width: auto;
	}
}
@media (max-height: 400px) {
	
	.topm .col-md-6 {
    		float: left;
    		text-align: center;
    		width: 50%;
	}
	.topm .col-md-6 a{
		
	}
}
@media (max-width: 400px) {
	.topm .col-md-6{
		width:100%;
		float:none;
		text-align:center;
	}
	.topm .col-md-6 a{
		display:inline-block !important;
		width:auto !important; 
		height:44vw;
		max-height:none;
		max-width:none !important
	}
	.topm .col-md-6 a img{
		display: block;
		height: 100%;
		margin: 0 !important;
		max-width: none !important;
		width: auto;
	}
}

@media (max-width: 1600px) and (max-height: 650px) {
	#section4 .container.conte{
		padding-top:120px;
	}
	#section4 .container .text{
		margin-top:10px;
		max-width:none;
		width:70%;
	}
	#section4 .container h1{
		margin-bottom:20px;		
	}
	#section4 .container .thumb img{
		margin-top:0px;
		max-height: calc(185px * 1);
    		max-width: calc(324px * 1);
	}
	
}
@media (max-width: 1600px) and (max-height: 450px) {
	#section4 .container .thumb img{
		margin-top:0px;
		max-height: calc(185px * 0.7);
    		max-width: calc(324px * 0.7);
	}
	#section4 .container .text{
		margin-left:30px;
		width:72%;
	}	
}
@media (max-width: 1000px) and (max-height: 900px) {
	#section4 .container.conte{
		max-width:100%;
		padding-top:120px;
	}
	#section4 .container .text{
		max-width:60%;
		margin-top:10px;
	}
}
@media (max-width: 1000px) and (max-height: 400px) {
	#section4 .container h1{
		font-size:30px;
	}
	#section4 .container .thumb img{
		margin-top:0px;
		max-height: calc(185px * 0.5);
    		max-width: calc(324px * 0.5);
	}
	#section4 .container .text{
		margin-left:30px;
		width:80%;
		max-width:80%;
	}
}

@media (max-width: 720px) and (max-height: 900px) {
	#section4 .container h1{
		font-size:30px;
	}
	#section4 .container .thumb img{
		margin-top:0px;
		max-height: calc(185px * 0.5);
    		max-width: calc(324px * 0.5);
	}
	#section4 .container .text{
		margin-left:30px;
		width:80%;
		max-width:80%;
	}
}

@media (max-width: 720px) and (max-height: 400px) {
	#section4 .container h1{
		font-size:20px;
	}
	#section4 .container .thumb img{
		margin-top:0px;
		max-height: calc(185px * 0.4);
    		max-width: calc(324px * 0.4);
	}
	#section4 .container .text{
		margin-left:30px;
		width:85%;
		max-width:85%;
		margin-top:0;
	}
	#section4 .container .text p{
		font-size:12px;	
	}
}
@media (max-width: 600px) and (max-height: 900px) {
	#section4 .container .text{
		margin-left:30px;
		width:70%;
		max-width:70%;
		margin-top:0;
	}	
}
@media (max-width: 600px) and (max-height: 440px) {
	#section4 .container .thumb{
		display:none;
	}
	#section4 .container .text{
		padding:0px 15px;
		width:100%;
		max-width:100%;
		margin:0;
		
	}
}

@media (max-width: 500px) {
	#section4 .container .thumb{
		display:none;
	}
	#section4 .container .text{
		padding:0px 15px;
		width:100%;
		max-width:100%;
		margin:0;
		
	}
}
@media (max-width: 600px) and (max-height: 450px) {
	#section4 .container .text p{
		font-size:12px;	
	}
	#section4 .container.conte{
		max-width:100%;
		padding-top:100px;
	}	

}
@media (max-width: 1600px) and (max-height: 1000px) {
	#section5 .tableCell, 
	#section5{
		
	}
	.footer .row.show-grid{
		padding:0 !important;
	}
	.footer .container{
		width:100%;
		max-width:100%;
	}
}
*/