
.content img {
	max-width: 100%;
	height: auto;
}

.content iframe {
	max-width: 100%;
}

@media (max-width: 640px) {
    
    /* https://stackoverflow.com/questions/26090244/responsive-table-by-columns */
    .forms table{
        width:100%;
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */        
    }
    
    .forms table td {
        display:block;
        width: 100%;
        text-align: left;
        padding: 3px 6px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */        
    }
    
    .forms table input, .forms table textarea {
        max-width: 80%;
    }
    
	
} /* @media (max-width: 640px) */

@media (max-width: 1300px) {

	.navbar, .navbar_space { height: 90px; }
	
} /* @media (max-width: 1300px) */

@media (max-width: 1279px) {
	
	.tiles .item  {
		width: 33.3%;
		margin-right: 0;
	}
	
	
} /* @media (max-width: 1279px) */

@media (max-width: 1170px) {
	
	.grid-4-1 {
		width: 44%;
		margin: 20px 3% 20px 3%;
	}
	
	.navbar .pad { padding-top: 20px; }
	
	.navbar, .navbar_space { height: 70px; }

} /* @media (max-width: 1170px) */

@media (max-width: 1023px) {
	
	.tiles .item  {
		width: 50%;
		margin-right: 0;
	}
	
} /* @media (max-width: 1023px) */

@media (max-width: 979px) {
	
	.grid-2b-1, .grid-2b-2 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.block-3-1 {
		width: 47.9%;
		margin-right: 2%;		
		margin-bottom: 20px;
	}
	
	.block-3-1.last {
		margin-right: 2%;
	}
	
	.block-3-row {
		clear: none;
	}
	
	#tpl_details {
		width: 100%;
	}
	
} /* @media (max-width: 979px) */


@media (max-width: 801px) {
	
	.grid-3-1 {
		float: none;
		width: 100%;
	}
	
} /* @media (max-width: 880px) */

@media (max-width: 799px) {
	
	.grid-2-1 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.guide .step .descr { font-size: 15px; }
	
} /* @media (max-width: 799px) */


@media (max-width: 600px) {

	.navbar #logo {
		margin-top: 4px;
		max-width: 100px;
	}
	
	.navbar .menu a {
		font-size: 14px;
		padding: 0 2px;
	}
	
} /* @media (max-width: 600px) */


@media (max-width: 599px) {

	.navbar, .navbar_space { height: 50px; }
	
	.navbar .pad { padding-top: 10px; }
	
	.navbar .menu a {
		padding: 0 4px;
		text-transform: none;
	}
	
	.block-3-1 {
		float: none;
		width: 100%;
		margin-right: 0;		
		margin-bottom: 20px;
	}
	
	.block-3-1.last {
		margin-right: 0;
	}
	
	.guide .step .number {
		font-size: 28px;
		line-height: 32px;
	}
	
	.guide .step .descr { display: none; }
	
	.guide .step {
		width: 24.6%;
		margin: 0 0.2%;
	}
	
} /* @media (max-width: 599px) */

@media (max-width: 480px) {
	
	.grid-4-1 {
		width: 100%;
		float: none;
		margin: 40px 0px 40px 0px;
	}
	
	.tiles .item  {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	.navbar #logo { display: none; }
	.navbar #logo_icon { display: inline-block; }
	
} /* @media (max-width: 480px) */	


@media (max-width: 359px) {
	
} /* @media (max-width: 359px) */
