/* ========================================================================
   Component: Responsive Fix
 ========================================================================== */
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1200px) {
  .menu-trigger {
    right: 80px;
  }
  header .logo-container {
    left: 71px;
  }
  .processes .icon-container {
    margin-right: 15px;
  }
  .carousel-caption {
	  top: 60%;
	}
	.theme_box1{
		margin-left: 170px;
	}
	.theme_box2{
		margin-left: 175px;
	}
	.theme_box3{
		width: 22rem;
		margin-left: 23px;
	}
	.theme_box4 .laser_title_img,.theme_box4 p{
		margin-left: 0;
	}
	.themes_box4 p{
		margin-top: 37px;
	}
	.meeting_info{
		padding-left: 7.3%;
	}
	.sponsor-txt .mod div{
		margin: 5px 0;
	}
	/*.lfc_footer .lfcss_h3 img{border: 1px solid red;}
	.lfc_img img{
		border: 1px solid red;
		width: 130px;
	}*/
	.lfc_footer .lfcs_h3 h3{padding-top: 37%;}
	.car_support img{
		width: 212px;
	}
	.car_support_copy img , .car_act_copy img {
		width: 140px;
	}
	.car_support h3{
		padding-top: 8.1%;
	}
}
@media only screen and (max-width: 1024px) {
  .button {
    padding: 20px 45px;
    /*border: 1px solid red;*/
  }
  .button.light {
    padding: 18px 40px;
  }
  .case-study-left .overlay {
    padding-left: 100px;
  }
  .case-study-right .overlay {
    padding-right: 100px;
  }
  .button-container {
    margin-top: 15px;
  }
  
  
}
/* Desktops and laptops ----------- */
@media only screen and (max-width: 992px) {
  .menu-trigger {
    right: 65px;
  }
  header .logo-container {
    left: 55px;
  }
  .about-us img {
    margin-top: 50px;
  }
  .process-interactive {
    margin-bottom: 90px;
  }
  
  
}
/*Tablet Pottrait size to standerd 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .button {
    padding: 20px 24px;
  }
  .button.light {
    padding: 18px 24px;
  }
  .we-are-hiring .upload-cv {
    margin-top: 135px;
  }
  
}
/* All Mobile Sizes (devices and browers) */
@media only screen and (max-width: 767px) {
	.one.mobile-menu a.meanmenu-reveal{
		    margin-top: -55px;
	}
	.header-area .logo a img{
    	margin-left: 10%;
    	width: 70%;
    	margin-top: -12%;
	}
	.header-area .reg_logos a img{
		margin-left: 10%;
		width: 70%;
    	margin-top: -12%;
	}
	.header-area .logos a img{
		width: 80%;
    	margin-left: 70%;
	}
  header .logo-container {
    left: 35px;
  }
  .call-button .button {
    float: none !important;
    margin-bottom: 20px;
  }
  .call-to-action {
    text-align: center;
  }
  .call-to-action .button {
    float: none !important;
  }
  .button-container {
    text-align: center;
  }
  .our-team .description {
    padding: 40px 10px;
  }
  .our-team .description .member-skill {
    margin: 10px 0;
  }
  .send-message .modal-lg {
    width: auto;
  }
}
@media only screen and (max-height: 600px) {
  .mobilenav li {
    font-size: 120%;
  }
  .portfolio .portfolio-item a .portfolio-overlay {
    padding: 200px 20px;
  }
}
/*Mobile Landscape Size to Tablet Portrait  (devices and browers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .menu-trigger {
    right: 45px;
  }
  .carousel-caption {
    top: 15%;
  }
  .carousel-caption h1 {
    font-size: 42px;
  }
  .form-control{
  	font-size: 14px;
  }
}
/* Mobile Portrait SIze to Mobbile Landsscape Size (devices and browers) */
@media only screen and (max-width: 479px) {
  h2 {
    text-align: center;
    font-size: 22px;
  }
  .line {
    margin-left: auto;
    margin-right: auto;
  }
  .menu-trigger {
    right: 20px;
    top: 20px;
  }
  header .logo-container {
    left: 21%;
    top: 33px;
  }
 
  .carousel-indicators li {
    width: 10px;
  }
  .carousel-indicators {
  	margin-bottom: -20%;
  }
  .carousel-caption {
    top: 55%;
  }
  .carousel-caption h3 {
    font-size: 18px;
    line-height: 27px;
  }
   header p{
  	font-size: 18px;
  }
  .button-container {
    margin-top: 25px;
  }
  .lfc_intro p, .lfc_theme ul li, .lfc_theme .mobile_theme_ul ul li, .lfc_theme .left-height li, .lfc_theme .right-height li, .meeting_info p, .contact_title p, .contact_act p, .contact_consult p, .contact_consult_line, .laser_intro p, .car_notice_reg p, .laser_intro p, .lfc_home_right li, .lfc_home_left li{
  	font-size: 14px;
  }
  .lfc_home_right{
  	float: left;
  }
  .contact_consult_line{
  	text-align: center;
  }
  .send-message p{
  	font-size: 25px;
  }
  .lfc_footer h3{
  	font-size: 22px;
  	font-weight: 700;
  }
  .lfc_footer .lfcs_h3 h3 , .lfc_footer .lfc_h3 h3{padding-top: 10%;}
  .padding-top-large{padding-top: 10px;}
  .lfc_h3 img, .lfc_footer .lfcs_h3 img{width: 50%;}
  .lfc_footer .lfcs_h3 img{padding-top: 8%;}
  /*.newest_img img{
	width: 100%;
	}*/
  /*.lfc_h3 img{
  	width: 80%;
  }
  .lfc_img img{
  	width: 60%;
  }*/
  .common_header_titles .line{margin: 5px auto;}
  .car_notice_reg h2{padding-left: 0; text-align: center;}
  .about-us .jumbo-text {
    font-size: 32px;
  }
  .processes .process-bar.main-bg {
    margin-right: 40px;
  }
  .processes .lines {
    width: 50px;
  }
  .processes .icon-container {
    margin-right: 0;
  }
  .processes .description {
    width: 85%;
  }
  .promote span {
    display: block;
    margin: 10px;
  }
  .promote .button.light {
    margin-bottom: 20px;
  }
  .lfc_intro h2, .lfc_theme h2, .lfc_company h2, .lfc_meeting h2, .lfc_footer h2, .common_header_title h2{
  	font-size: 24px;
  }
  .lfc_theme .sign_lfc{
  	font-size: 18px;
  }
  
  /*.meeting_info{
  	margin-top: 5%;
  }
  .meeting_info .meeting_link{
	padding-left: 2%;
}*/
  .meeting_info .meeting_link span, .meeting_info .meeting_link span.lfc_pauli_link{
	padding-left: 0;
	}
	.lfc_footer .lfc_img img{
		margin-top: 25%;
	}
	.meeting_map{
		width:90%;
		height:330px;
	}
	.lfc_company{
		margin-top: -100px;
	}
	/* ========================================================================
	  reg/sponsor/guest/agenda/contact page
	 ========================================================================== */
	
	/* ========================================================================
	  common
	 ========================================================================== */
	section .reg{
		width: 100%;
		height: 207px;
		background: url(../img/car_top_detail.png) no-repeat center;
		background-size: 100% 100%;
	}
	section .reg1{
		width: 100%;
		height: 207px;
		background: url(../img/laser_top_detail.png) no-repeat center;
		background-size: 100% 100%;
	}
	section .sponsor_header{
		width: 100%;
		height: 207px;
		background: url(../img/car_top_detail.png) no-repeat center;
		background-size: cover;
	}
	section .review{
		width: 100%;
		height: 207px;
		background: url(../img/review_top_detail.png) no-repeat center;
		background-size: cover;
	}
	section .guest_header{
		width: 100%;
		height: 207px;
		background: url(../img/laser_top_detail.png) no-repeat center;
		background-size: cover;
	}
	section .contact_header{
		width: 100%;
		height: 207px;
		background: url(../img/guest_header_bg.jpg) no-repeat center;
		background-size: cover;
	}
	section .agenda_header{
		width: 100%;
		height: 207px;
		background: url(../img/agenda_header_bg.jpg) no-repeat center;
		background-size: cover;
	}
	section .us_header{
		width: 100%;
		height: 207px;
		background: url(../img/contact_us_bg.png) no-repeat center;
		background-size: cover;
	}
	
	section .logo-container .lfwc{
		width: 150px;
		text-align: center;
	}
	section .logo-container{
		left: 33%;
	}
	.common_caption h2{
		font-size: 18px;
		/*margin-top: 25%;*/
	}
	
	/* ========================================================================
	  reg page
	 ========================================================================== */
	.reg_consult{
		margin-top: 0;
	}
	.reg-btn{
		margin: 0 0 15% 23%;
	}
	.form-control{
		font-size: 14px;
	}
	.lfc_copyright{
		font-size: 14px;
	}
	.back-to-top{
		bottom: 20%;
	}
	.lfc_theme .margin-bottom-small {
	  margin-top: 40px;
	}
	.lfc_company .margin-bottom-medium {
	  margin-top: 90px;
	}
	.left-height p img{
		margin-top: 30px;
	}
	.lfc_theme .sign_lfc{
		text-align: left;
	}
  /*.footer li {
    margin: 0 5px 10px 0;
  }*/
 	.guest-right-border{
		border: 2px solid gray;
	}
	.guest-vsdc h2{
		font-size: 18px;
	}
	.guest-vsdc p{
		color: black;
		font-size: 14px;
	}
	.guest-right-border h3, .guest_name h2, .guest_company h2 {font-weight:700;font-size: 16px;}
	.guest-left-border{
		padding: 10px 5px;
	}
	.guest-left-border .guest_moblie_left{
		width: 50%;
		float: left;
	}
	.guest_moblie_left img{width: 70%;}
	.guest_moblie_right .guest_logo a img.tru_logo{width: 35%;}
	.guest-left-border .guest_moblie_right{
		width: 50%;
		float: left;
		margin-top: 20px;
	}
	.guest-right-border{
		width: 92%;
		float: left;
	}
	.guest_company h2 b, .guest_name h2 b{font-size: 13px;}
	.guest-right-border p, .guest_career p, .guest_name p{font-size: 14px;}
	.img-right_vsc{float: left;}
	.munihei_lfc{margin-right: 0px;}
	.car_act{margin-top: 30px;}
	.car_act h3, .car_support h3{padding-top: 5%;}
	.car_support{margin-top: 30px;}
	.car_support img, .car_act_copy img {width: 244px;}
}
@media only screen and (max-width: 360px) {
  header .logo-container {
    left: 20%;
  }
  .nav-label {
    width: auto;
  }
  .processes .process-bar {
    height: 100px;
    width: 100px;
    line-height: 100px;
  }
  .we-are-hiring .upload-cv {
    height: 260px;
    width: 260px;
  }
  .we-are-hiring .upload-cv .inner {
    padding: 45px;
  }
  .modal .close {
    height: 30px;
    width: 30px;
    line-height: 30px;;
  }
  .modal .modal-body {
    padding: 40px 20px;
  }
}