/* 
Theme Name:		 Betheme Child Theme
Theme URI:		https://www.augenchirurgie-am-bahnhof.ch/
Description:	 Theme by Site 
Author:			 WebsiteBundles
Author URI:		https://www.augenchirurgie-am-bahnhof.ch/
Template:		 betheme
Version:		 1.0.0
Text Domain:	 Betheme-child
-------------------------------------------------------------- */ 

/* Theme customization starts here
------------------------------------------------------- */
/*----footer widget----*/
#Top_bar .menu li ul li { width: 100% !important; min-width: 190px; }
.sub-menu, .sub-menu li {
    width: 255px !important;
}
.more-inf-sec .desc_wrapper { padding: 0 !important; width: 100% !important; display: block !important; }
.more-inf-sec .photo_wrapper { width: 100% !important; display: block !important; }
.more-inf-sec .feature_box_wrapper { padding: 0 !important; margin: 0 auto; }
a.mehr-info { border: 1px solid #7BA0BA; padding: 5px 30px; float: right; margin-bottom: 25px; margin-right: 25px; text-decoration: none !important; }
.more-inf-sec h4 { padding: 20px 0 30px 25px; margin: 0; }
.img-sec-title {
	display: inline-block;
    width: 22% !important;
    float: left;
    padding: 8px;
}
.img-sec-title p {
font-size: 17px;
    text-align: center;
}

.accordin-image-two img { display: inline-block; width: 30% !important; padding: 8px; }
.accordin-image-three img { display: inline-block; width: 30% !important; padding: 8px; }
.accordin-image img { width: 100%; padding: 6px; }
.makulakompetenzzentrum {
    text-align: center;
}
p.img-title { color:#5a5a5a; margin-bottom: 0; }

p.top-space {
    padding-top: 20px;
}
@media only screen and (max-width: 479px) {
#Subheader .title { font-size:26px !important; }
.more-inf-sec h4 { padding-left: 0; padding-top: 10px; padding-bottom: 20px; }
a.mehr-info { float: none; margin-bottom: 0; margin-right: 0; padding: 5px 20px; font-size: 12px; }
.more-inf-sec .desc_wrapper { padding-bottom: 35px !important; margin-bottom: 30px; text-align: center; }
.img-sec-title, .accordin-image-three img, .accordin-image-two img { width:100% !important;}
p.img-title {padding: 0 0 15px 0; font-size: 17px !important;}
.column.mcb-column.one-second.column_image.accordion-both-image-right {
    width: 48% !important;
    clear: unset;
    padding-right:2%;
    text-align: right;
}
.column.mcb-column.one-second.column_image.accordion-both-image-left {
    width: 48% !important;
    clear: unset;
    padding-left:2%;
    text-align: left;
}

	
}
@media only screen and (max-width: 767px) {
#Top_bar #menu { padding-top: 30px; }
.more-inf-sec h4 { padding-left: 0; padding-top: 10px; padding-bottom: 20px; }
a.mehr-info { float: none; margin-bottom: 0; margin-right: 0; padding: 5px 20px; font-size: 12px; }
.more-inf-sec .desc_wrapper { margin-bottom: 30px; text-align: center; }
.mehr-inf-main .feature_box_wrapper { margin-bottom: 30px !important; }
}
@media only screen and (max-width: 1239px) { 
#Top_bar #menu ul li a span { font-size:18px; }
.helper_header h5 {
    font-size: 20px;
}
h4.first-section-heading {
    font-size: 20px;
    line-height: 24px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1239px) { 
     
	.makulakompetenzzentrum .one.column { width: 96% !important; }
	.more-inf-sec h4 { font-size: 20px; padding-left: 0; } 
	.mehr-inf-main .one.column { width: 95%; } 
	.more-inf-sec .desc_wrapper { text-align: center; }
	a.mehr-info { float: none; margin-bottom: 0; margin-right: 0; padding: 5px 20px; font-size: 12px; }
	.more-inf-sec .feature_box_wrapper { padding-bottom: 30px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.makulakompetenzzentrum .one.column { width: 96% !important; }
	.more-inf-sec h4 { font-size: 15px; padding: 20px 0 15px 0px; } 
	.mehr-inf-main .one.column { width: 90%; } 
	.more-inf-sec .desc_wrapper { text-align: center; }
	a.mehr-info { float: none; margin-bottom: 0; margin-right: 0; padding: 5px 20px; font-size: 12px; }	
	.more-inf-sec .feature_box_wrapper { padding-bottom: 20px !important; }	
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
	.makulakompetenzzentrum .one.column { width: 96% !important; }
    #Top_bar .top_bar_left { float: none; width: 100%!important; background: none!important; }
    .left-accordion, .right-accordion { width: 100%!important; clear: both;}
   
}