/*
Theme Name: Edinstvo Proffessions
Text Domain: Edinstvo Proffessions
Version: 1.0
Description: Custom theme for prof.kyrg.info website
Tags: Education, Kyrgyzstan
Author: Mikhail Dudin
Author URI: http://mikedudin.com
*/

* { font-family: 'Open Sans', sans-serif; } 
body, html { padding:0; margin:0; }

#topfront { height:524px; width:100%; background:url('img/bg_1.jpg') no-repeat top center #021415; background-size:cover; }

#pagetop { height:450px; width:100%; background:url('img/page_top_bg.jpg') no-repeat top center #021415; background-size:cover; }
#pagehead { max-width: 1450px; width:55%; min-width:990px; margin:0 auto; }
#pagehead a { color:#fff; }
#pagehead h1 { color:#fff; font-family: 'Merriweather', serif; font-size:36px; font-weight:800; font-style:italic; text-shadow: 1px 1px 8px #000; width: 80%; min-width:600px; max-width:800px; margin-top: 220px;}

#abouttop { height:450px; width:100%; background:url('img/about_bg.jpg') no-repeat top center #021415; background-size:cover; }


#pagehead #topmenu { margin-top: 30px; }

#vuztop { height:450px; width:100%; }
#vuzhead { max-width: 1450px; width:55%; min-width:990px; margin:0 auto; z-index:500; }
#vuzhead a { color:#fff; }
#vuzhead h1 { color:#fff; font-family: 'Merriweather', serif; font-size:36px; font-weight:800; font-style:italic; text-shadow: 1px 1px 8px #000; width: 80%; min-width: 580px; max-width: 625px;  margin-top: 195px;}
#vuzhead img { position:absolute; top:270px; margin-left:-50px; margin-left: -160px;}

.vlink1 { color:#0cb6ed; background:url('img/link1.png') no-repeat left center; padding-left:40px; margin:0 60px 30px 0; display:block; float:left; }
.vlink2 { color:#0cb6ed; background:url('img/link2.png') no-repeat left center; padding-left:40px; margin:0 60px 30px 0; display:block; float:left; }
.vlink3 { color:#0cb6ed; background:url('img/link2.png') no-repeat left center; padding-left:40px; margin:0 60px 30px 0; display:block; float:left; }

#vuzhead #topmenu { margin-top: 30px; }

.darken { position:absolute; height:450px; z-index:100; background-color:#000; width:100%; opacity:0.5;}

#breadcrumbs { display:block; width:80%; padding-top:30px; color:#fff; }

#header { max-width: 1450px; width:94%; min-width:990px; margin:0 auto; padding-top:60px; background:url('img/ofed-logo.png') no-repeat; background-position: 100% 93%;}
#header h1 { margin:0 0 10px -26px; font-family: 'Merriweather', serif; color:#fff; font-size:40px; font-weight:800; font-style:italic; text-shadow: 1px 1px 8px #000; white-space:nowrap; }
#header h2 { margin:0; color:#fff; font-weight:bold; text-shadow: 1px 1px 7px #000; font-size:30px; display:block; min-width:550px; max-width:650px; line-height:1.3;} 
#header p { font-family: 'Merriweather', serif; color:#fff; opacity:0.6; font-size:100px; font-weight:100; letter-spacing:-5px; margin: 135px 0 0 0;  } 

#topmenu { float:right; width: 75px; height: 61px; background:url('img/menu.png') no-repeat center center; cursor:pointer; }

.pblock { background:url('img/pink-splash.jpg') no-repeat left top #fff; background-size:16%; border-radius:30px;  box-shadow: 0 0 20px rgba(0,0,0,0.75); margin:-30px 0 0 0; z-index:1000; position:relative;padding-bottom: 30px;}
.bluesplash { background: url(img/blue-splash.jpg) no-repeat right bottom; background-size:24%;}
.content { max-width: 1450px; width:90%; min-width:990px; margin:0 auto; padding-top:30px; }
.text_1 { margin:0 0 60px 16%; min-width:420px; max-width:680px; width:auto;}
.text_1 h3 { font-family: 'Merriweather', serif; color: #ff0096; font-size:54px; font-weight:800; font-style:italic; margin:0; }
.text_1 h3 a { font-family: 'Merriweather', serif; color: #ff0096; }
.text_1 p { font-size:20px; line-height:1.9; margin:15px 0; }

.vuzy_full { margin:60px 0 0 0; }
.vuzy_full h3 { font-family: 'Merriweather', serif; color: #000; font-size:55px; font-weight:800; font-style:italic; margin:0; }

.text_inside { margin:0 0 60px 16%; min-width: 650px; max-width: 960px; width:auto;}
.text_inside h3 { font-family: 'Merriweather', serif; color: #333333; font-size:36px; font-weight:800; font-style:italic; margin:0; clear:both; }
.text_inside h3 { font-family: 'Merriweather', serif; color: #333333; font-size:36px; font-weight:800; font-style:italic; margin:0; clear:both; }
.text_inside p { font-size:20px; line-height:1.9; margin:15px 0 25px 0; clear:both; }

.text_inside ul { list-style:none; }
.text_inside ul li::before { content: "•"; color: #52c1f7; font-weight: bold; font-size:1em; display: inline-block; width: 1em; margin-left: -1em; }
.text_inside ul li { margin-bottom:20px; }

.simcal-default-calendar-list ul.simcal-events li.simcal-event::before { content:""; margin-left:0; width:auto; }
i.simcal-icon-left::before, i.simcal-icon-right::before { font-size:1.5em; }

.text_inside .vlist li::before { content: "\00BB"; color: #555; font-weight: normal; font-size:27px; display: inline-block; width: 1em; margin-left: -1em; }
.text_inside .vlist li { font-weight:bold; }
.text_inside #webinars { padding: 0; }
.text_inside #webinars li::before { content: ""; color: #555; font-weight: normal; font-size:27px; display: inline-block; width: 0; margin: 0; }
.text_inside #webinars li { float:left; width:48%; }
.text_inside #webinars li img { max-width:400px; height:auto; border:1px solid #ddd; }

.text_inside .photo img { border-radius:20px; max-width:800px; }
.text_inside a { color:#1e94f5; }
.text_inside a:hover { color:#ff0096; }

#socialbuttons { margin-top:10px; }
#socialbuttons span { float:left; margin-right:10px; }
#socialbuttons span img { width:40px; }

.text_2 { margin:0 0 60px 32%; min-width:420px; max-width:640px; width:auto;}
.text_2 h3 { font-family: 'Merriweather', serif; color: #0cb6ed; font-size:55px; font-weight:800; font-style:italic; margin:0; }
.text_2 h3 a { font-family: 'Merriweather', serif; color: #0cb6ed; }
.text_2 p { font-size:20px; line-height:1.9; margin:15px 0; }

.vuzy { list-style:none; margin:60px 0 60px 0; display:block; }
.vuzy li { float:left; width:45%; padding-right:30px; font-size: 20px; line-height: 1.9;}
.vuzy li img { width:96%; }

.mtop {	margin-top: 60px!important; }

#darkblock { margin:-60px 0; padding: 60px 0 60px 0; background:url('img/d_bg_1.jpg') #051010 no-repeat center left; background-size:cover; z-index:1; position:relative; }

.dcontent { width:40%; margin:60px 0 60px 48%; min-width:420px; max-width:640px; clear:both; }
.dcontent h3 a { color:#fff; font-family: 'Merriweather', serif; font-size:55px; font-weight:800; font-style:italic; }
.dcontent p { color:#fff; font-size:20px; line-height:1.9; margin:0 0 30px 0; }

.cblock { background:url('img/colors-right-bg.jpg') no-repeat right top #fff; background-size:18%; border-radius:30px; box-shadow: 0 0 20px rgba(0,0,0,0.75); margin:-30px 0 0 0; z-index:1001; position:relative;padding-bottom: 30px; }
.csplash { background: url('img/colors-left-bg.jpg') left bottom no-repeat; background-size:18%;}

.text_3 h3 { font-family: 'Merriweather', serif; color: #000; font-size:55px; font-weight:800; font-style:italic; margin:0; }
.text_3 h3 a { font-family: 'Merriweather', serif; color: #000; }
.text_3 ul { list-style:none; margin: 30px 0 0 0; padding: 0; clear:both; }
.text_3 ul li { float:left; margin-right: 15px; width: 46%; font-size:20px; margin-bottom: 45px; min-height: 400px;}
.text_3 ul li img { width:90%; border:1px solid #ccc; height:auto; }

.text_3 a { color:#ff0096; }
.text_3 a:hover { color:#0cb6ed; }

.dblock { background:url('img/dark_bg_left.jpg') no-repeat left top #061111; background-size:30%;  z-index:1; position:relative; margin-top:-30px; margin-bottom: 20px;  }
.dsplash { background:url('img/dark_bg_right.jpg') right bottom no-repeat; background-size:30%; }

.text_4 { float:left; margin:60px 0 30px 0; }
.text_4 h3 { font-family: 'Merriweather', serif; color: #f7d17b; font-size:55px; font-weight:800; font-style:italic; margin:0; }
.text_4 h3 a { font-family: 'Merriweather', serif; color: #f7d17b; }

#calendar { margin:60px 0 0 0; float:right; color:#f7d17b; font-weight:bold; font-size:28px; background:url('img/calendar.png') left center no-repeat; padding-left: 40px; width: 215px; height: 44px; }

.dsplash ul { list-style:none; padding:0; margin:30px 0 0 0; }
.dsplash ul li { width:45%; margin-right:5%; float:left; margin-bottom: 30px; }

.dsplash ul li { color:#fff; font-size:20px; min-height: 155px; }
.dsplash ul li p { margin:0; }
.dsplash ul li a { color:#fff; }

.text_5 { float:left; margin:60px 0 0 0; clear:both; }
.text_5 h3 { font-family: 'Merriweather', serif; color: #51c3b7; font-size:55px; font-weight:800; font-style:italic; margin:0; }
.text_5 h3 a { font-family: 'Merriweather', serif; color: #51c3b7; }

.banners img { width:96%; }

.footer { background:url('img/bottom-right-bg.jpg') no-repeat right bottom #fff; background-size:50%; border-top-left-radius:30px; border-top-right-radius:30px; box-shadow: 0 0 20px rgba(0,0,0,0.75); margin:-50px 0 0 0; z-index:1001; position:relative; }
.footer .content ul li { float:left; list-style:none; width:30%; margin-right:3%; font-size:16px; line-height:1.7; }
.footer .content ul li p { margin-bottom:26px; }
.footer a { color:#1e94f5; }
.footer a:hover { color:#ff0096; }
.footer img { border:0; }
.bsplash { background:url('img/bottom-left-bg.jpg') no-repeat left bottom; background-size:25%; }
.bsplash ul { padding: 0; }
	
.social { display:block; clear:both; margin:15px 0 20px 0; }
.social img { float:left; margin-right:10px; }

#clogo { margin-left: -16px; }
.social a { color:#1e94f5; font-weight:bold; font-size:14px; padding-top:5px; display:block;}

.future_event { clear:both; display:block; width:80%; }
.future_event #firstcol { width:20%; }
.future_event #rightcol { width:70%; display: block; margin-bottom: 30px;}
.future_event li a { color:#386ea3; font-family: 'Merriweather', serif; font-size:20px; font-style:italic; font-weight:800; }

#future_events { margin-top:15px; }
#future_events a { font-weight:bold; }

#menucont { box-shadow: 0 0 20px rgba(0,0,0,0.75); background:url('img/menubg.jpg') no-repeat bottom right #091213; background-size:70%; position:absolute; top:0; z-index:2001;  width:100%; overflow: hidden; transition: all .5s ease-in-out; height: 0; } 
.menuexpand { height:260px!important; }
#menucont ul { list-style:none; width:80%; margin-top:30px; }
#menucont ul li { float:left; margin:20px; }
#menucont a { color:#fff; font-size:24px; font-weight:bold;}
#menucont a:hover { color:#0cb6ed; }

#close { cursor:pointer; width:30px; height:30px; z-index:2100; background:url('img/x-button.png') no-repeat center center; background-size:cover;  position:absolute; right:0;top:0; margin:30px 10% 0 0; }

.dcontent h3 a.pink { color:#ff0096; }

#sputniklogo { width: 100px; margin: 0 0 10px 0; }

.addtoany_header { font-family: 'Merriweather', serif; color: #333333; font-size:36px;  font-weight:800; font-style:italic; margin: 30px auto 15px auto; }
#webinars p { display:block; float:left; }
#webinars li { min-height:350px; }
#webinars li img { width:90%; }

.wp-block-image img { height:auto; }

.vlist_front { list-style:none; margin:30px 0 0 0; padding:0; }
.vlist_front li { float: left; display: block; margin: 0 7% 30px 0; padding-left: 155px; min-height: 130px; width: auto; max-width: 450px; min-width: 400px;}
.vlist_front li a { font-family: 'Merriweather', serif; color: #333333; font-size:22px;  font-weight:800; font-style:italic; }
.vlist_front li p { font-size:14px; }
.vuzy_full a { color:#000; }
.vuzy_full p { margin:0; padding:0; display:block; clear:both; }

.wp-block-embed__wrapper div { display:none; }
.wp-block-embed-slideshare { width:100%; margin:0; }

#frontcalendar { clear: both; }
.simcal-event-details { margin-bottom: 20px; }
.simcal-default-calendar-list .simcal-event-details { font-size:1em; }
.simcal-default-calendar-list .simcal-event-details .simcal-event-description, .simcal-default-calendar-list .simcal-event-details p { margin:0 0 5px 0; }
.simcal-default-calendar-list ul.simcal-events { margin:0; }

@media screen and (max-width: 1920px) {
	.text_1 h3, .text_2 h3, .dcontent h3 a, .text_3 h3, .text_4 h3, .text_5 h3 { font-size:50px; }
	.text_1 p, .text_2 p, .text_3 p, .text_4 p, .text_5 p, .dcontent p, .vuzy li, .text_3 ul li {  font-size: 18px; line-height: 1.8; }
	.footer .content ul li { font-size:14px; line-height:1.7; }
	.text_3 ul li { width: 44%; }
}

@media screen and (max-width: 1450px) {
	#close { margin:30px 30px 0 0; }
	#menucont a  { font-size:24px; }
	#menucont ul li { margin: 18px; }
	.menuexpand { height:300px!important; }
	#vuzhead h1 { margin-left:10%;}
	#vuzhead img { margin-left: -5%; }
	.vlist_front li { margin: 0 5% 30px 0; max-width:290px; min-width: 280px; min-height: 165px;}
	.vlist_front li a { font-size: 20px; }
	.text_3 ul li {  min-height: 345px; }
}

@media screen and (max-width: 1100px) {
	#header { margin-left:25px; min-width:800px; background-position: 98% 93%; }
	#header h1 { font-size:33px; }
	#header p { font-size:70px; }
	#topmenu { background-size:84%; }
	.text_1 { margin-left:12%; }
	.text_2 { margin-left:24%; }
	.text_1, .text_2, .dcontent { min-width:400px; max-width:580px; }
	.text_1 h3, .text_2 h3, .dcontent h3 a, .text_3 h3, .text_4 h3, .text_5 h3, .vuzy_full h3 { font-size:42px; }
	.text_3 ul li {  min-height: 300px; }
	.content { min-width:800px; margin-left:45px; }
	#calendar { margin: 60px 30px 0 0; }
	.text_inside .photo img { max-width:600px; }
	.footer .content ul li { font-size:13px; }
	.dblock { background-size: 60%; }
	.dsplash { background-size: 35%; }
	.dsplash ul li { font-size:18px; width: 40%; margin-right: 10%; }
	.cblock { background-size: 30%; }
	.menuexpand { height:300px!important; }
	#menucont { background-size:90%; }
	#menucont a  { font-size:22px; }
	#menucont ul li { margin: 18px 15px; }
	#pagetop { height: 410px; }
	#pagehead, #vuzhead { min-width:800px; }
	#pagehead h1 { font-size:34px; }
	.text_inside h3, .addtoany_header { font-size:32px; }
	.vlink1, .vlink2, .vlink3 { margin:0 40px 30px 0; }
	#vuzhead h1 { margin-left:18%;  font-size: 32px; min-width: 460px; max-width: 550px;  }
	#vuzhead img { margin-left: 0; }
	.vlist_front li { margin: 0 4% 30px 0; max-width: 228px; min-width: 205px; padding-left:140px;background-size: 30%!important;}
	.vlist_front li a { font-size: 18px; }
	#webinars li { min-height:280px; }
}

@media screen and (max-width: 900px) {
	#header h1 { font-size:30px; }
	.content { min-width: 750px; }
	.dsplash ul li { font-size:16px; }
	.text_1 h3, .text_2 h3, .dcontent h3 a, .text_3 h3, .text_4 h3, .text_5 h3, .vuzy_full h3 { font-size:37px; }
	.text_3 ul li {  min-height: 250px; }
	.dcontent { width:50%; margin: 60px 0 60px 42%; }
	#header h2 { font-size:28px; }
	#header { background-size: 20%; min-width:775px;}
	#topfront { height: 485px; } 
	.text_2 { margin-left: 22%; }
	.menuexpand { height:310px!important; }
	#menucont { background-size:100%; }
	#pagehead, #vuzhead { min-width:680px; }
	#pagehead h1 { font-size:30px; }
	.text_inside h3 { font-size:30px; }
	#pagetop, #abouttop { height:390px; }
	.text_inside { min-width:500px; }
	.text_inside p { font-size:18px; }
	.text_inside { margin: 0 0 60px 12%; width:80%; }
	.vlink1, .vlink2, .vlink3 { margin:0 30px 30px 0; }
	#vuzhead img { width:130px; }
	.text_inside .photo img { max-width:500px; }
	.future_event #firstcol { font-size:16px; }
	.vlist_front li { margin: 0 4% 30px 0; max-width: 215px; min-width: 180px; padding-left:130px; }
	.vlist_front li p { font-size:13px; }
	.text_inside ul li { margin-bottom:10px; }
}

@media screen and (max-width: 800px) {
	#header { margin-left:25px; min-width:570px;background-position: 91% 93%;background-size: 20%; }
	#header h1 { font-size:28px; white-space: normal; margin-left: 0px;  }
	#header h2 { font-size:26px; }
	#header p { font-size: 65px; letter-spacing: -3px; }
	#topmenu { background-size:80%; }
	.text_1, .text_2, .dcontent { min-width:300px; max-width:430px; }
	.text_1 h3, .text_2 h3, .dcontent h3 a, .text_3 h3, .text_4 h3, .text_5 h3, .vuzy_full h3 { font-size:36px; }
	.text_1 p, .text_2 p, .text_3 p, .text_4 p, .text_5 p, .dcontent p, .vuzy li {  font-size: 16px; line-height: 1.6; }
	.text_3 ul li { width:47%; min-height:245px; }
	.dcontent { width:50%; margin: 60px 0 60px 40%; }
	.content { min-width:550px; margin-left:25px; }
	#calendar { margin: 60px 0 0 0; font-size:24px; width:200px; }
	.dsplash ul li { width:auto; float:none; margin-right:auto; margin-bottom:30px; min-height:80px; } 
	.future_event li a { font-size:16px; }
	.menuexpand { height:285px!important; }
	#menucont a  { font-size:20px; }
	#menucont ul li { margin:8px 10px; }
	#menucont { background-size:120%; }
	#pagehead { min-width:580px; }
	.text_inside h3, .addtoany_header { font-size:26px; }
	.text_inside p { font-size:16px; }
	#pagehead h1, #vuzhead h1 { font-size:28px; }
	#vuzhead h1 { min-width:340px; max-with:400px; }
	#vuzhead img { width: 105px; margin-left: -5px; }
	.vlink1, .vlink2, .vlink3 { margin:0 25px 25px 0; padding-left:-35px; }
	#vuzhead { min-width:560px; }
	#playbutton { width:180px; }
	.text_inside .photo img { max-width:400px; }
	.future_event #firstcol { font-size:14px; }
	.vlist_front li { margin: 0 3% 30px 0; max-width: 160px; min-width: 130px; background-size: 35%!important;padding-left: 105px;}
	.vlist_front li a { font-size: 14px; }
	.vlist_front li p { font-size: 10px;}
}

@media screen and (max-width: 600px) {
	#topfront { height:325px; }
	#header { width:auto; padding-top: 30px; background-position: 83% 98%; margin-left:20px; }
	#header h1 { width:90%; display:block; white-space:normal; margin-left: 0px; font-size: 24px; }
	#header h2 { font-size:18px; margin-right: 25px; }
	#header p { font-size:30px; margin: 40px 0 0 0; }
	#topmenu { background-size: 60%; }
	.content, #header, #header h2 { min-width: auto; max-width:none; padding-top:15px; }
	.content { margin-left:0px; width:100%; }
	.text_1 { margin-top:10px; }
	.text_1, .text_2 { margin-left:0; width:auto; }
	.text_1 h3, .text_2 h3, .dcontent h3 a, .text_3 h3, .text_4 h3, .text_5 h3, .vuzy_full h3 { font-size:24px; }
	.text_1 p, .text_2 p, .text_3 p, .text_4 p, .text_5 p, .dcontent p, .vuzy li {  font-size: 15px; line-height: 1.5; }
	.text_1, .text_2, .dcontent, .text_3, .text_4, .text_5 { min-width:auto; max-width:none; }
	.text_2 { margin-bottom:15px; }
	.text_3 { margin-top: 10px; }
	.text_3 ul li { width:auto; margin:0 0 30px 0; float:none; }
	.mtop { margin-top:10px; }
	.text_5 { margin:0; }
	.vuzy { margin:60px 0 0 0; padding:0; }
	.vuzy li { float:none; width:auto; margin-bottom: 15px; }
	.dcontent { width:90%; min-width:auto; max-width:none; margin:30px 0 30px 20px;}
	.footer { background-size:70%; }
	.footer .content { margin-left:20px; width: 90%; }
	.footer .content ul { padding:0; }
	.footer .content ul li { float:none; width:96%; margin:0 0 30px 0; } 
	.bsplash { background-size:50%; }
	.dblock { background-size:100%; }
	.dsplash { background-size:70%; }
	.dsplash ul li a { font-size:14px; }
	#clogo { margin:0; width: 160px; }
	#calendar { float:none; margin:0 0 -30px 0; position:relative; font-size: 20px; background-size: 10%; height:35px; }
	.text_4 { float:none; margin-top:50px; }
	.future_event { width:100%; margin: 0!important; }
	.future_event #firstcol { font-size:14px; width:100%; margin: 0!important;}
	.future_event #rightcol {width:100%; margin: 0 0 30px 0!important; }
	.menuexpand { height:100vh!important; }
	#menucont { position:fixed; background:url('img/mobile-bg.jpg') no-repeat bottom center #091213; background-size:cover; }
	#menucont ul { margin-top:60px; }
	#menucont a  { font-size:22px; }
	#menucont ul li { margin: 40px 0px; float:none; line-height:100%; }
	#pagehead h1 { font-size:26px; min-width:440px; margin-top:180px; }
	#pagehead { min-width:450px; }
	.text_inside { min-width: 430px; margin: 0 0 60px 10px; width:94%; }
	.dcontent h3 a.pink { color:#fff; }
	#pagetop, #abouttop { height: 400px; }
	#vuzhead { min-width:470px; }
	#vuzhead h1 { font-size:26px; margin-left:20%; min-width:310px; max-width:340px; }
	#breadcrumbs { width:60%; white-space: nowrap; }
	.text_inside .photo img { max-width:100%; }
	.vlist_front li { margin: 0 0 30px 0; max-width: none; min-width: auto; width: 66%; background-size: 25%!important;padding-left: 105px; float:none; min-height:110px;}
	.text_1 p, .text_2 p, .text_3 p, .text_4 p, .text_5 p, .dcontent p, .vuzy li, .text_3 ul li { line-height:1.5; }
	.simcal-default-calendar-list .simcal-event-details { font-size:0.8em; }
	#frontcalendar { width: 90%; margin-left: 20px; }
	.text_inside #webinars li { float:none;width:90%; margin:15px 0 0 0; }
	.text_inside a { font-weight:bold; }
}

@media screen and (max-width: 420px) { 
	.cbl { width: 96%; }
	.cbl li { margin-left:20px; }
	.content { width: 100%; }
	#header h1 { width:auto; font-size:21px; }
	#topfront { height:310px; }
	#pagehead h1 { min-width:360px; margin-top:80px; font-size:22px;}
	#pagehead { min-width:350px; }
	#pagetop { height: 285px; background-position: 90%; }
	#abouttop { height: 340px; }
	
	.pblock { background-size:30%; background-position: 0% 5%; }
	.bluesplash { background-size:50%; }
	.text_1, .text_2, .text_3, .text_4, .text_5, .vuzy_full { margin-left: 20px; width: 90%; }
	.vuzy { margin: 60px 0 0 20px; }
	.text_inside { min-width: 355px; margin: 10px 0 30px 15px; }
	.text_inside h3, .addtoany_header { font-size:20px; }
	.text_inside p { font-size: 14px; }
	.text_inside ul li { font-size: 14px; }
	#vuztop { height:320px; }
	#socialbuttons span img { width: 35px; }
	#vuzhead h1 { font-size:19px; min-width:250px; max-width:270px; margin-left:25%; margin-top:100px;}
	#vuzhead img { width:85px; top:144px;}
	#vuzhead { min-width: 350px; }
	#breadcrumbs { width:75%; }
	#calendar { margin: 0 0 -30px 20px; }
	.banners img { width:100%; }
	.text_inside #webinars li { float:none; width:94%; }
	.text_inside #webinars li img { width:100%; }
	.footer .content { margin-left:20px; width:90%; }
}
@media screen and (max-width: 375px) { 
	.text_inside { min-width: 330px; margin: 10px 0 0 15px; }
	.text_inside ul { padding-left: 10px; margin-left: 10px; }
	#pagehead { min-width:335px; }
	#menucont ul li { margin:30px 0; }
	#menucont a { font-size: 20px; }
	#pagetop, #abouttop { height: 285px; background-position: 90%;}
	#pagehead h1 { min-width:335px; margin-top: 80px; }
	.text_inside ul { margin-top: -5px; }
	#pagehead #topmenu { margin-top: 15px; }
	#vuzhead { min-width: 330px; }
	#vuzhead { min-width: 330px; }
	.a2a_svg { width:34px!important; height:34px!important; }
	#breadcrumbs a { font-size:0.9em; }
}