@media only screen and (min-width: 0px) and (max-width: 1220px){
/*---------- HEADER----------*/
header{
    grid-template-columns: 220px auto;
}

header a.logo h1{
    padding-left: 20px;
    font-size: 20px;
}

header a.logo em{
    padding-left: 20px;
    font-size: 15px;
}
header ul{
margin-right: 15px;
padding-left: 0;
}

header nav ul li a{
    font-size: 16px;
	margin: 0px;
}

/*---------- HEADER----------*/

/*----------NASLOVNICA homepage_main_image_section ----------*/
    .homepage_main_image_section figure {
        height: 350px;   
    }
    .homepage_main_image_section figure h2 {
        font-size: 50px;
    }
    .homepage_main_image_section figure figcaption{
        top: 65%;
        font-size: 25px;
    }

    .homepage_products_section h1 {
        font-size: 30px;
    }
/*----------NASLOVNICA homepage_main_image_section ----------*/

/*----------NASLOVNICA homepage_products_section ----------*/
.product_container{
    width: auto;
    justify-content: center;
}
.product_container article{
    margin: 5px;
}
.product_container article h3 a {
    font-size: 16px;
}
.read_more_button{
    font-size: 14px;
}

/*----------NASLOVNICA homepage_products_section ----------*/

/*----------NASLOVNICA homepage_about_us_section ----------*/
.homepage_about_us_section article{  
    grid-template-columns: 350px 450px;
    padding-left: 20px;
}

.homepage_about_us_section figure a {
    width: 350px;
    height: auto;
}
.homepage_about_us_section figure a img{
	width: 300px; 
	justify-self: end;
}

.homepage_about_us_section article{
    grid-template-rows: 50px 150px 45px;
}
.homepage_about_us_section article h2 a{
    font-size: 25px; 
    margin: 0;
    height: 100px;
	width: 80%;
}
.homepage_about_us_section article em {
    width: 80%;
    font-style: normal;
    height: 140px;
    font-size: 15px;
}
.about_us_button {
    font-size: 14px;
}
/*----------NASLOVNICA homepage_about_us_section ----------*/

/*----------NASLOVNICA homepage_coil_type_section ----------*/
.homepage_coil_type_section {   
    grid-template-columns: auto 400px;
    grid-template-rows: 300px;
}
.homepage_coil_type_section figure {
    padding-right: 5%;
}
.homepage_coil_type_section figure img {
    width: 100%;
}
.homepage_coil_type_section article{
    grid-template-rows: 100px 150px 50px;
    width: 90%;
    padding-left: 5%;
}
.homepage_coil_type_section article h2 {
    margin: 0;
    font-size: 25px;
}
.about_coils_button {
    font-size: 14px;
    padding: 13px 20px;
}
.homepage_coil_type_section article em {
    font-size: 15px;
    height: 140px;
}
/*----------NASLOVNICA homepage_coil_type_section ----------*/

/*-----------Contact Form ----------*/

.contact aside {
	width: 800px; 
	
}
.contact article {
	width: 40%;
	margin-left: 20px; 
}

#quick_query_form{
	margin-right: 50px;
	width: 50%;
	box-sizing:border-box;
	
	
}
/*-----------Contact Form ----------*/

/*----------Footer ----------*/
.footer_logo h2 {
    font-size: 20px;
}
.footer_logo em {
    font-size: 14px;
}

.footer_info h3{
    font-size: 14px;
}
.footer_info p {
    font-size: 13px;
}

.footer_contact h3{
    font-size: 14px;
}

.footer_contact p {
    font-size: 13px;
}
.copyright p{
    font-size: 12px;
    padding-left: 5%;
}

.copyright a{
    font-size: 12px;
    justify-self: start;
}
/*----------Footer ----------*/

/*----------ABOUT US  about_us_main_image_section ----------*/
.about_us_main_image_section {
    padding: 0 0 20px 0;
}
.about_us_main_image_section figure {
   height: 300px;   
}

.about_us_main_image_section figure h2 {
    font-size: 40px;
}
.about_us_main_image_section article h1{
    text-align: center;
    font-size: 40px;
    margin: 10px 0;
    height: auto;
}
.about_us_main_image_section article em{
    height: auto;
	float: left; 
    width: 100%;
    font-size: 15px;
}
.about_us_main_image_section article {
	width: 800px;
}
.about_us_main_image_section .ecms_gallery_box{
	width: 800px; 
}
/*----------ABOUT US  about_us_main_image_section ----------*/

/*----------ABOUT US  about_us_ceo_section ----------*/
.about_us_ceo_section {
    margin: auto;
    grid-template-columns: 350px auto;
    padding-left: 20px;
}

.about_us_ceo_section figure a img {
    width: 350px;
    height: auto;
}
.about_us_ceo_section article h2 {
    width: 90%;
    font-size: 30px;
    display: block;
    height: 100px;
}

.about_us_ceo_section article em {
    width: 90%;
    display: block;
    font-size: 15px;
    height: auto;
}

.about_us_ceo_button {
    display: block;
    font-size: 14px;
    padding: 13px 20px;
    height: 20px;
}
/*----------ABOUT US  about_us_ceo_section ----------*/

/*----------PRODUCTS  products_main_image_section ----------*/
.products_main_image_section figure h2 {
    font-size: 50px;
}
/*----------PRODUCTS  products_main_image_section ----------*/

/*----------PRODUCTS  products_car_spring_coils ----------*/

.products_car_spring_coils article {
    grid-template-columns: 400px auto;
    grid-template-rows: 100px auto;
    padding-left: 20px;
}
.products_car_spring_coils article figure a img {
    width: 400px;
}

.products_car_spring_coils article h2 {
    font-size: 30px;
    height: auto;
}

.products_car_spring_coils article em {
    font-size: 15px;  
    height: auto;
}
/*----------PRODUCTS  products_car_spring_coils ----------*/

/*----------CONTACT  contact ----------*/
.contact_form{
    grid-template-columns: 260px 480px;
}
.contact_form article{
    grid-template-columns: 260px;
}    
.contact_form article p{
    font-size: 15px;
}
.contact_form div {
    grid-template-columns: 240px 240px;
}
input[type='text'] {
    font-size: 14px;
}
.contact_form div textarea {
    font-size: 14px;
}
/*----------CONTACT  contact ----------*/

/*----------CONTACT  map ----------*/
.map{
    width: 95%;
    text-align: center;
    margin: auto;
    padding: 30px 0;
}
.map iframe{
    outline: 1px solid gray;
    width: 100%;
    height: 500px;

}
/*----------CONTACT  map ----------*/


/*----------Template1 news  news_template ----------*/

.news_template article{
	width: 780px;
}
.news_template article:nth-of-type(even){
	width: 780px;
}
.news_template article h2{
	max-height: 85px; 
}
.news_template article h2 a{
	font-size: 22px;
	line-height: 30px;
	
}
.news_template article em{
	font-size: 14px;
	max-height: 85px;
}

/*----------Template1 news  news_template ----------*/

/*----------Template1 news  news_template_detail ----------*/
.news_template_detail article{
	width: 750px;
	padding-left: 20px; 	
}
.news_template_detail article h1{
	font-size: 26px; 
}
.news_template_detail article em{
	width: 750px; 
}

.ecms_gallery_box{
	width: 750px; 
}
.hist_and_social{
	width: 750px; 
}

/*----------Template1 news  news_template_detail ----------*/

/*------------ START Kontakt----------------*/
  .basic_site_inner_content_contact{
	  width: 800px;
	  padding: 20px 0 0; 
  }
.basic_site_inner_content_contact article{
	margin: auto; 
	text-align: center; 
	width: 800px;
	margin-bottom: 20px; 
}
.right_column_contact{
	margin: auto;
	width: 640px;
	float: none;
}
.contact_form div:last-of-type{
	width: 640px;
	grid-template-columns: auto;
}
/*------------ END Kontakt ----------------*/
}

@media only screen and (min-width: 600px) and (max-width: 800px){
    /*---------- HEADER&FOOTER----------*/
    .slicknav_menu{
        display: block ;
        position: absolute;   
        border-radius: 4px;
        z-index: 10;
        top: 15px;
        right: 3%; 
    }
	.slicknav_menutxt{
		font-family: 'Poppins', sans-serif;
	}
    .menu_slick{
        position: absolute;
        width: 10%;
        z-index: 20;
        visibility: hidden;  
    }
    .slicknav_nav{
        border-radius: 4px;
        outline: 1px solid #1a559b;
        width: 100%;
    }
    header ul {
        display: none;
    }


header{
    grid-template-columns: 300px auto;
    grid-template-rows: 30px 40px 22px;
}
header h1 a {
padding-left: 10px;
}
header em a {
    padding-left: 10px;
}
header em:nth-of-type(2){
    font-size: 14px;
}
.tel{
	width:99%;
}

/*---------- HEADER----------*/

/*----------NASLOVNICA homepage_main_image_section ----------*/
.homepage_main_image_section figure {
    height: 300px;   
}
.homepage_main_image_section figure h2 {
    font-size: 40px;
}
.homepage_main_image_section figure figcaption{
    top: 65%;
    font-size: 20px;
}
/*----------NASLOVNICA homepage_main_image_section ----------*/




/*----------NASLOVNICA homepage_about_us_section ----------*/

.homepage_about_us_section article{
    display: grid;
    margin: auto;
    width: 100%;
	padding: 0px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	  grid-template-areas:
        "h2"
		"img"
		"em"
		"btn";
}
.homepage_about_us_section figure a{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
}
.homepage_about_us_section figure a img{
    display: block;
    width: 90%;
    margin: auto;
}

.homepage_about_us_section article h2{
	 height: auto;
	 text-align: center;
	 margin: 20px 0;
}
.homepage_about_us_section article h2 a{
    font-size: 30px;
}
.homepage_about_us_section article em {
    padding: 0;
    margin:auto;
    display: block;
    text-align: center;
}
.about_us_button{
    display: block;
    margin-left: 70%;
	margin-bottom: 20px; 
}
/*----------NASLOVNICA homepage_about_us_section ----------*/

/*----------NASLOVNICA homepage_coil_type_section ----------*/
.homepage_coil_type_section {   
    display: block;
    width: 100%;
}
.homepage_coil_type_section figure {
    padding-right: 0;
    width: 90%;
    margin: auto;
}
.homepage_coil_type_section figure img {
    width: 100%;
}
.homepage_coil_type_section article{
   display: block;
   text-align: center;
    width: 90%;
    padding-left: 5%;
}
.homepage_coil_type_section article h2 {
    margin: 0;
    font-size: 35px;
}
.homepage_coil_type_section article em {
    font-size: 15px;
    height: 140px;
}
.about_coils_button {
    margin-left: 65%;
}
/*----------NASLOVNICA homepage_coil_type_section ----------*/

/*-----------Contact Form ----------*/
.contact {
    display: block;
    padding-left: 0;
	width: 100%; 
}
.contact aside{
	width: 100%; 
}
.contact aside article {
	width: 100%;
	text-align: center; 
	margin: auto;
}
.contact aside article h2 {
    text-align: center;
    width: 80%;
	margin: auto;
    height: auto;
    margin-bottom: 20px;
    font-size: 25px;
}
.contact aside article em {
    height: 100px;
    font-size: 16px;
	margin: auto;
    width: 80%;
    text-align: center;
}
#quick_query_form {
	width: 80%;
	margin-right: 90px;
}
#quick_query_form div.consent_data dd{
	width: 100% !important; 
}
/*-----------Contact Form ----------*/

/*----------Footer ----------*/
footer {
    display: block;
    text-align: center;
    margin: auto;
    padding-top: 20px;
}
.footer_logo{
    padding-bottom: 20px;
}
.footer_info {
    padding-bottom: 20px;
}
.footer_contact{
    padding-bottom: 20px;
}
.copyright {
    display: block;
    padding: 5px 0;
}
.copyright p{
    display: block;
    font-size: 12px;
    padding-left: 5%;
}

.copyright a{
    font-size: 12px;
    justify-self: start;
}
/*----------Footer ----------*/

/*----------ABOUT US  about_us_main_image_section ----------*/
.about_us_main_image_section {
    padding: 0 0 20px 0;
}
.about_us_main_image_section figure {
   height: 300px;   
}


.about_us_main_image_section article {
	width: 600px;
}
.about_us_main_image_section article figure{
	max-width: 200px;
	height:auto; 
	margin: 0 15px 15px 15px;
}
.about_us_main_image_section article p{
	width: 100%;
	height: auto; 
	max-width: 95%; 	
}
.about_us_main_image_section article em{
	margin-left: 20px; 
}
.about_us_main_image_section .ecms_gallery_box{
	width: 100%; 
	margin-left: 0;
	margin: auto;
}
.about_us_main_image_section .ecms_gallery_box h1{
	text-align: center; 
	margin-bottom: 20px; 
}
.about_us_main_image_section .ecms_gallery_box a{
	margin: auto; 
}
.about_us_main_image_section .ecms_gallery_box a img{
	float:left;
	margin: 0 10px 20px 0; 
	width: 32%; 
	max-width: 100%; 
}
.about_us_main_image_section .ecms_gallery_box a:nth-of-type(3n) img{
	margin-right: 0; 
}
/*----------ABOUT US  about_us_main_image_section ----------*/

/*----------ABOUT US  about_us_ceo_section ----------*/
.about_us_ceo_section {
    display: block;
    margin: auto;
    grid-template-columns: 350px auto;
    padding-left: 0;
}
.about_us_ceo_section figure{
    display: block;
    width: 500px;
    margin: auto;
}
.about_us_ceo_section figure a img {
    width: 100%;
    margin: auto;
    height: auto;
}
.about_us_ceo_section article{
    display: block;
}
.about_us_ceo_section article h2 {
   margin: 30px 0 0;
   text-align: center;
}

.about_us_ceo_section article em {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.about_us_ceo_button {
    display: block;
    margin-left: 65%;
}
/*----------ABOUT US  about_us_ceo_section ----------*/

/*----------PRODUCTS  products_main_image_section ----------*/
.products_main_image_section figure {
    height: 300px;  
}
.products_main_image_section figure h2 {
    font-size: 40px;
}
/*----------PRODUCTS  products_main_image_section ----------*/

/*----------PRODUCTS  products_car_spring_coils ----------*/

.products_car_spring_coils article {
    display: block;
    text-align: center;
    margin: auto;
}

.products_car_spring_coils article figure {   
    width: auto;
    height: 300px;
    margin: auto;
}
.products_car_spring_coils article figure a img {
    width: 500px;
    height: auto;
}
.products_car_spring_coils article h2 {
    font-size: 34px;
    margin: 30px 0 20px 0;
    height: auto;
    padding-left: 0;
}

.products_car_spring_coils article em {
    width: 80%;
    font-style: normal;
    padding-left: 0;
    margin: auto;
    height: auto;
}
/*----------PRODUCTS  products_car_spring_coils ----------*/

/*----------CONTACT  contact ----------*/
.contact_form{
    display: block;
    width: 100%;
    padding: 10px 0;
}
.contact_form article{
   grid-template-columns: auto;
   margin: auto;
   text-align: center;
}    

.contact_form article p{
    font-size: 15px;
    height: 50px;
}
.contact_form div {
    grid-template-columns: 40% 40%;
}
input[type='text'] {
    font-size: 14px;
}
.contact_form div textarea {
    font-size: 14px;
}
.contact_form div a{
    margin-right: 0;
    margin-left: auto;
}
/*----------CONTACT  contact ----------*/

/*----------CONTACT  map ----------*/
.map{
    width: 95%;
    text-align: center;
    margin: auto;
    padding: 30px 0;
}
.map iframe{
    outline: 1px solid gray;
    width: 100%;
    height: 500px;

}
/*----------CONTACT  map ----------*/

/*----------Template1 news  news_template ----------*/

.news_template article{
	width: 580px;
}
.news_template article:nth-of-type(even){
	width: 580px;
}
.news_template article h2{
	max-height: 150px; 
}
.news_template article h2 a{
	font-size: 20px;
	line-height: 30px;
	
}
.news_template article em{
	font-size: 12px;
	max-height: 150px;
}

/*----------Template1 news  news_template ----------*/

/*----------Template1 news  news_template_detail ----------*/
.news_template_detail article{
	width: 95%;
	margin:auto; 
	padding-left: 20px; 	
}
.news_template_detail article h1{
	font-size: 26px; 
}
.news_template_detail article em{
	width: 95%;
	margin:auto; 
	margin-left: 0; 
}

.ecms_gallery_box{
	width: 95%;
	margin:auto; 
}
.hist_and_social{
	width: 95%;
	margin:auto; 
}

/*----------Template1 news  news_template_detail ----------*/

/*------------ START Kontakt----------------*/

.basic_site_inner_content_contact{
	  width: 100%;
	  padding: 20px 0 0; 
  }
.basic_site_inner_content_contact article{
	margin: auto; 
	text-align: center; 
	width: 100%;
	margin-bottom: 20px; 
}
.right_column_contact{
	margin: auto;
	width: 100%;
	float: none;
}
.right_column_contact.contact_form{
	max-width: 100%;
	width: auto; 
}
.contact_form div{
	width: 90%; 
	padding-left: 10px;
}
.contact_form div:nth-of-type(2n){
	float: none;
}
.contact_form div.cnt_form_div_note{
	width: 90%;
}
.contact_form div:last-of-type{
	width: 100%;
	grid-template-columns: auto;
	padding-left: 10px;
	
}
.basic_site_inner_content_contact p{
	font-size: 16px; 
	padding-left: 10px; 
}
.contact_form div.consent_data dd, .consent_data dd{
	width: 90% !important; 
	padding-left: 10px;
}

.contact_form dd.buttons_action{
	padding: 20px 0 0 10px!important;
}
.contact_form{
    display: block;
    width: 100%;
    padding: 0;
}
.contact_form article{
   grid-template-columns: 100%;
   margin: auto;
   text-align: center;
}    
.contact_form article p{
    font-size: 15px;
    height: 50px;
}
.contact_form div {
    display: block;
    width: 95%;
}

.contact_form div a{
    display: block;
    margin-right: 25px;
    height: 30px;
    margin-top: 20px;
    margin-left: auto;
}
.contact_form div.cnt_form_div_note{
    margin: 0 20px 20px 0;
	width: 95%; 
}

/*------------ END Kontakt ----------------*/


}

@media only screen and (min-width: 0px) and (max-width: 599px){
    /*---------- HEADER&FOOTER----------*/
    .slicknav_menu{
        display: block ;
        position: absolute;   
        border-radius: 4px;
        z-index: 10;
        top: 15px;
        right: 3%; 
    }
	.slicknav_menutxt{
		font-family: 'Poppins', sans-serif;
	}
    .menu_slick{
        position: absolute;
        width: 10%;
        z-index: 20;
        visibility: hidden;  
    }
    .slicknav_nav{
        border-radius: 4px;
        outline: 1px solid #1a559b;
        width: 100%;
    }
    header ul {
        display: none;
    }


header{
    grid-template-columns: 300px auto;
    grid-template-rows: 45px 40px auto;
}
header a.logo h1 {
padding-left: 10px;
}
header a.logo em {
	font-size: 14px;
    padding-left: 10px;
}
header em:nth-of-type(2){
    font-size: 14px;
}
.tel{
	width: 100%;
}

/*---------- HEADER----------*/
    
    /*----------NASLOVNICA homepage_main_image_section ----------*/
    .homepage_main_image_section figure {
        height: 200px;   
    }
    .homepage_main_image_section figure h2 {
        font-size: 23px;
    }
    .homepage_main_image_section figure figcaption{
        top: 65%;
        font-size: 18px;
    }
    /*----------NASLOVNICA homepage_main_image_section ----------*/
    
    /*----------NASLOVNICA homepage_products_section ----------*/
    .homepage_products_section{
        width: 95%;
        margin: auto;
    }
 
    .product_container article:nth-child(3) figure img{
        max-width: 180px;
    }
    .homepage_products_section h1 {
        font-size: 30px;
    }
    .product_container article h3 {
     font-size: 15px;
    }
    .read_more_button{
        font-size: 14px;
    }
    /*----------NASLOVNICA homepage_products_section ----------*/

   
/*----------NASLOVNICA homepage_about_us_section ----------*/

.homepage_about_us_section article{
    display: grid;
    margin: auto;
    width: 100%;
	padding: 0px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	  grid-template-areas:
        "img"
		"h2"
		"em"
		"btn";
}
.homepage_about_us_section figure a{
    width: 100%;
    height: auto;
	margin-top: 20px;
    display: block;
}
.homepage_about_us_section figure a img{
    display: block;
    width: 90%;
    margin: auto;
}

.homepage_about_us_section article h2{
	 height: auto;
	 text-align: center;
	 margin: 20px 0;
}
.homepage_about_us_section article h2 a{
    font-size: 30px;
}
.homepage_about_us_section article em {
    padding: 0;
    margin:auto;
    display: block;
    text-align: center;
}
.about_us_button{
    display: block;
    justify-self: center;
	margin-bottom: 20px; 
}
/*----------NASLOVNICA homepage_about_us_section ----------*/
    
    /*----------NASLOVNICA homepage_coil_type_section ----------*/
    .homepage_coil_type_section {   
        display: block;
        width: 100%;
    }
    .homepage_coil_type_section figure {
        padding-right: 0;
        width: 90%;
        margin: auto;
    }
    .homepage_coil_type_section figure img {
        width: 100%;
    }
    .homepage_coil_type_section article{
       display: block;
       text-align: center;
        width: 90%;
        padding-left: 5%;
    }
    .homepage_coil_type_section article h2 {
        margin: 0;
        font-size: 30px;
        height: auto;
    }
    .homepage_coil_type_section article em {
        font-size: 15px;
        height: auto;
        height: 140px;
    }
    .about_coils_button {
        margin: 10px auto;
    }
    /*----------NASLOVNICA homepage_coil_type_section ----------*/
    
  /*-----------Contact Form ----------*/
.contact {
    display: block;
    padding-left: 0;
	width: 100%; 
}
.contact aside{
	width: 100%; 
}
.contact aside article {
	width: 100%;
	text-align: center; 
	margin: auto;
}
.contact aside article h2 {
    text-align: center;
    width: 80%;
	margin: auto;
    height: auto;
    margin-bottom: 20px;
    font-size: 25px;
}
.contact aside article em {
    height: 100px;
    font-size: 16px;
	margin: auto;
    width: 80%;
    text-align: center;
}
#quick_query_form {
	width: 80%;
	margin-right: 50px;
}

#quick_query_form div.consent_data dd{
	width: 100% !important; 
}

/*-----------Contact Form ----------*/
    
    /*----------Footer ----------*/
    footer {
        display: block;
        text-align: center;
        margin: auto;
        padding-top: 20px;
    }
    .footer_logo{
        padding-bottom: 20px;
    }
    .footer_info {
        padding-bottom: 20px;
    }
    .footer_contact{
        padding-bottom: 20px;
    }
    .copyright {
        display: block;
        padding: 5px 0;
    }
    .copyright p{
        display: block;
        font-size: 12px;
        padding-left: 5%;
    }
    
    .copyright a{
        font-size: 12px;
        justify-self: start;
    }
    /*----------Footer ----------*/

/*----------ABOUT US  about_us_main_image_section ----------*/
.about_us_main_image_section {
    padding: 0 0 20px 0;
}
.about_us_main_image_section figure {
   height: 300px;   
}

.about_us_main_image_section article {
	width: 100%;
}
.about_us_main_image_section article h1{
	font-size: 25px; 
}
.about_us_main_image_section article em{
	text-align: center; 
	margin: auto; 
	margin-bottom: 20px; 
}
.about_us_main_image_section article figure{
	float: none !important;  
	width: 90%; 
	height:auto; 
	margin: auto;
}
.about_us_main_image_section article figure img{
	max-width: 100%;
}
.about_us_main_image_section article p{
	display: block; 
	width: 100%;
	height: auto; 
	max-width: 95%; 	
	text-align: center; 
}
.about_us_main_image_section article em{
	margin-left: 0; 
}
.about_us_main_image_section .ecms_gallery_box{
	width: 100%; 
	margin-left: 0;
	margin: auto;
}
.about_us_main_image_section .ecms_gallery_box h1{
	text-align: center; 
	margin-bottom: 20px; 
}
.about_us_main_image_section .ecms_gallery_box a{
	margin: auto; 
}
.about_us_main_image_section .ecms_gallery_box a img{
	float:left;
	margin: 0 0 20px 0; 
	width: 48%; 
	max-width: 100%; 
}
.about_us_main_image_section .ecms_gallery_box a:nth-of-type(2n) img{
	float: right;
}

/*----------ABOUT US  about_us_main_image_section ----------*/
 
 /*----------ABOUT US  about_us_ceo_section ----------*/
 .about_us_ceo_section {
     display: block;
     margin: auto;
     grid-template-columns: 350px auto;
     padding-left: 0;
 }
 .about_us_ceo_section figure{
     display: block;
     width: 90%;
     margin: auto;
     height: auto;
 }
 .about_us_ceo_section figure a img {
     width: 100%;
     margin: auto;
     height: auto;
 }
 .about_us_ceo_section article{
     display: block;
     text-align: center;
     padding-left: 0;
     margin: auto;
 }
 .about_us_ceo_section article h2 {
    margin: 30px 0 0;
    height: auto;
    margin: auto;
    text-align: center;
    padding-left: 0;
 }
 
 .about_us_ceo_section article em {
     text-align: center;
     font-size: 14px;
     height: auto;
     padding-left: 0;
     margin: auto;
     margin-bottom: 20px;
 }
 
 .about_us_ceo_button {
     display: block;
     margin: auto;
	 margin-top: 20px; 
 }
 /*----------ABOUT US  about_us_ceo_section ----------*/


 /*----------PRODUCTS  products_main_image_section ----------*/
.products_main_image_section figure {
    height: 250px;  
}
.products_main_image_section figure h2 {
    font-size: 30px;
}
/*----------PRODUCTS  products_main_image_section ----------*/

/*----------PRODUCTS  products_car_spring_coils ----------*/

.products_car_spring_coils article {
    display: block;
    text-align: center;
    margin: auto;
    padding-left: 0;
}

.products_car_spring_coils article figure {   
    width: auto;
    height: 100%;
    margin: auto;
}
.products_car_spring_coils article figure a img {
    width: 90%;
    height: auto;
}
.products_car_spring_coils article h2 {
    font-size: 30px;
    margin: 30px 0 20px 0;
    height: auto;
    padding-left: 0;
}

.products_car_spring_coils article em {
    display: block;
    width: 90%;
    font-style: normal;
    padding-left: 0;
    margin: auto;
    height: auto;
}
/*----------PRODUCTS  products_car_spring_coils ----------*/



/*----------CONTACT  map ----------*/

.map iframe{
    height: 400px;
}
/*----------CONTACT  map ----------*/

/*----------Template1 news  news_template ----------*/

.news_template article{
	width: 96%;
}
.news_template article:nth-of-type(even){
	width: 96%;
}
.news_template article h2{
	max-height: 150px; 
	width: 97%; 
}
.news_template article time{
	width: 97%;
	float: left; 
	margin-left: 10px; 
}
.news_template article h2{
	margin-left: 10px;
}
.news_template article h2 a{
	font-size: 20px;
	line-height: 30px;

}
.news_template article em{
	font-size: 12px;
	max-height: 150px;
	margin-left: 10px;
}
.news_template article figure{
	float: none;
	display: block; 
	width: 98%;;
	text-align:center; 
	margin: auto; 
}
.news_template article:nth-of-type(even) figure{
	float: none;
	display: block; 
	width: 98%;
	text-align:center; 
	margin: auto; 
	
}
.btn_news{
	margin-left: 10px; 
}
/*----------Template1 news  news_template ----------*/

/*----------Template1 news  news_template_detail ----------*/
.news_template_detail article{
	width: 95%;
	margin:auto; 
	padding-left: 0px; 	
	text-align: center; 
}
.news_template_detail article h1{
	font-size: 24px; 
	margin-bottom: 20px;
}
.news_template_detail article time{
	padding-top: 20px;
}
.news_template_detail article em{
	width: 95%;
	margin:auto;  
	font-size: 14px;
}
.news_template_detail article figure{
	width: 100%; 
	max-width: inherit;
	margin: 20px 0; 
}
.news_template_detail article figure a img{
	max-width: 100%; 
}
.news_template_detail article p{
	font-size: 14px; 
}
.send_request_button{
	display: table; 
	float: none;
	margin: 20px auto 40px; 
}
.ecms_gallery_box{
	width: 95%;
	margin:auto; 
}
.hist_and_social{
	width: 95%;
	margin:auto; 
}
.hist_and_social #hist a {
	display: table; 
	float: none;
	margin: 20px auto 40px; 
}
/*----------Template1 news  news_template_detail ----------*/

/*------------ START Kontakt----------------*/

.basic_site_inner_content_contact{
	  width: 100%;
	  padding: 20px 0 0; 
  }
.basic_site_inner_content_contact article{
	margin: auto; 
	text-align: center; 
	width: 100%;
	margin-bottom: 20px; 
}
.right_column_contact{
	margin: auto;
	width: 100%;
	float: none;
}
.right_column_contact.contact_form{
	max-width: 100%;
	width: auto; 
}
.contact_form div{
	width: 90%; 
	padding-left: 10px;
}
.contact_form div:nth-of-type(2n){
	float: none;
}
.contact_form div.cnt_form_div_note{
	width: 90%;
}
.contact_form div:last-of-type{
	width: 100%;
	grid-template-columns: auto;
	padding-left: 10px;
	
}
.basic_site_inner_content_contact p{
	font-size: 12px; 
	padding-left: 10px; 
}
.contact_form div.consent_data dd, .consent_data dd{
	width: 90% !important; 
	padding-left: 10px;
}

.contact_form dd.buttons_action{
	padding: 20px 0 0 10px!important;
}
.contact_form{
    display: block;
    width: 100%;
    padding: 0;
}
.contact_form article{
   grid-template-columns: 100%;
   margin: auto;
   text-align: center;
}    
.contact_form article p{
    font-size: 15px;
    height: 50px;
}
.contact_form div {
    display: block;
    width: 95%;
}

.contact_form div a{
    display: block;
    margin-right: 25px;
    height: 30px;
    margin-top: 20px;
    margin-left: auto;
}
.contact_form div.cnt_form_div_note{
    margin: 0 20px 20px 0;
	width: 95%; 
}

/*------------ END Kontakt ----------------*/

}