@charset "utf-8";
/* CSS Document */


@media (max-width: 1115px){
	.main_container .container{ width:98%;}
	.main_container .container .banner{ width:100%;}
	.main_container .container .details .box{ width:32%; margin-right:21px;}
	.main_container .container .details .last-box{ margin-right:0 !important;}
	.main_container .container .details .box img{ width:100%; height:auto;}
	.main_container .container .details .box .pos-box{ width:165px;}
		.careers .left-colum{ width:56%;}
	.careers .right-colum{ width:41%;}
	.careers .right-colum img{ width:96%;}
	.main_container .heading{ width:100%;}
		.customers ul li{ width:30%;}
	.customers ul li a img{ width:96%;}
.container.capable.location img{ width:98%; height:auto;}


	
	}
@media (max-width: 1110px){
	#wrapper #header .top_header .middle{ width:98%; padding:0;}
	#wrapper #header .top_header .middle .left-section .rightFloat{ float:left;}
	#wrapper #header .top_header .middle .left-section .social-icon{ width:15%;}
	.main_container .container .details .box img{ width:100%; height:auto;}
	#wrapper #header .bottom_header .middle{ width:100%;}
		.main_container .container .details .box{ margin-right:2%;}
		.bear_communications .colum-left .gallery ul li{ width:30%;}
		.bear_communications .colum-left .gallery ul li a span{ width:100%;}
		.gallery img{ width:100%;}
		.bear_communications .colum-left .gallery ul li{ margin-right:14px;}
			 #footer .footer_box .copyright .callNow{ width:98%;}
	 #footer .footer_box .copyright ul li{ padding:0 7px;}
	 #footer .footer_box .copyright ul li a{ font-size:10px;}
	 #footer .footer_box .copyright{ width:33%; padding:0 1% 0 0;}
	 #footer .footer_box .aboutUs{ width:17%;}
	 #footer .footer_box .capabilities{ width:22%;}
	 #footer .footer_box .capabilities ul li a{ font-size:10px;}
	 #footer .footer_box .aboutUs ul li a{ font-size:10px;}
	 #footer .footer_box .info{ width:27%;}
	 #footer .footer_box .info span{ font-size:11px; width:auto;}
	.navigation ul li a{ padding:0 34px; font-size:12px;}
	.main_container .breadcurm-bg .breadcrum{ width:98%;}
	#footer .partner_logo{ width:100%;}
	#footer .partner_logo .bx-wrapper .bx-prev{ left:5px;}
	#footer .partner_logo .bx-wrapper .bx-next{ right:5px;}
	.bear_communications .colum-left .gallery ul li a span em img{ width:6px;}
	#footer .footer_box{ width:98%; padding-left:0; padding-right:0;}
	#wrapper #header .bottom_header .middle{ padding:0;}
	.partner_logo .bx-wrapper .bx-viewport{ width:82% !important; margin:0 auto !important;}
	#footer .partner_logo .bx-viewport{ margin-left:0;}
	.aerial .img01{ width:98%; height:auto;}
	.img-aerial .img02{ width:45%; height:auto;}
	.img-aerial .img03{ width:45%; height:auto;}
	.space{ min-height:0;}
	.file-upload-input{ width:76% !important;}
		.careers .left-colum{ width:56%;}
	.careers .right-colum{ width:41%;}
	.careers .right-colum img{ width:96%;}
	.main_container .heading{ width:100%;}
		.customers ul li{ width:30%;}
	.customers ul li a img{ width:96%;}
.container.capable.location img{ width:98%; height:auto;}


	}


@media (min-width: 1024px) and (max-width: 1024px) {
	#wrapper #header .top_header .middle .left-section{ width:75% !important;}
	#wrapper #header .top_header .middle .left-section .social-icon{ width:15% !important;}
	#wrapper #header .top_header .middle .left-section .search_box{ margin-bottom:10px !important; margin-top:8px !important;}
	.main_container .heading h1{ padding-left:10px;}
		.careers .left-colum{ width:56%;}
	.careers .right-colum{ width:41%;}
	.careers .right-colum img{ width:96%;}
	.main_container .heading{ width:100%;}
		.customers ul li{ width:30%;}
	.customers ul li a img{ width:96%;}
.container.capable.location img{ width:98%; height:auto;}


	
	}

@media (min-width: 768px) and (max-width: 1024px) {
	#wrapper #header .top_header .middle{ width:98%; padding:0;}
	#wrapper #header .top_header .middle .left-section{ width:66%;}
	#wrapper #header .top_header .middle .left-section .phone{ padding:0 12px 0 10px;}
	#wrapper #header .top_header .middle .left-section .email{ padding:0 12px 0 10px;}
	#wrapper #header .top_header .middle .left-section .social-icon{ padding:12px 10px 0; width:23%;}
	#wrapper #header .top_header .middle .left-section .search_box{ margin-top:5px !important; margin-right:20px; margin-bottom:10px !important;}
	#wrapper #header .bottom_header .middle{ width:98%; padding:0;}
	.navigation ul li a{ padding:0 32px; font-size:12px;}
	.main_container .container{ width:98%;}
	.main_container .container .banner{ width:100%;}
	.main_container .container .details .box { width:32%;}
	.main_container .container .details .box img{ height:auto; width:100%;}
	.main_container .container .details{ padding:30px 0 60px;}
	.main_container .container .details .box .pos-box{ width:160px;}
	.main_container .container .details .box .pos-box{ padding-top:5px;}
	.main_container .container .details .box .pos-box h4{ padding-bottom:0; font-size:18px;}
	.main_container .container .details .box .pos-box p{ line-height:14px; padding-bottom:5px;}
	.bear_communications .colum-left .gallery ul li{ width:30%;}
	.bear_communications .colum-left .gallery ul li a span img{ width:6px;}
	.bear_communications .colum-left .gallery ul li a span{ width:100%;}
	.gallery img{ width:100%; height:auto;}
	.main_container .container .details .box img{ width:100%; height:auto;}
	.main_container .container .details .box{ margin-right:20px;}
	#footer .partner_logo{ width:98%;}
	#footer .footer_box{ width:98%;}
	.comman > img{ width:100%;}
	#footer .partner_logo .bx-viewport{ margin-left:0;}
	.bear_communications .colum-left{ width:66%;}
	 #footer .footer_box .copyright .callNow{ width:98%;}
	 #footer .footer_box .copyright ul li{ padding:0 7px;}
	 #footer .footer_box .copyright ul li a{ font-size:10px;}
	 #footer .footer_box .copyright{ width:33%; padding:0 1% 0 0;}
	 #footer .footer_box .aboutUs{ width:17%;}
	 #footer .footer_box .capabilities{ width:22%;}
	 #footer .footer_box .capabilities ul li a{ font-size:10px;}
	 #footer .footer_box .aboutUs ul li a{ font-size:10px;}
	 #footer .footer_box .info{ width:27%;}
	 #footer .footer_box .info span{ font-size:11px; width:auto;}
	 /*inner start*/
	 .aerial .img01{ width:98%; height:auto;}
	 .img-aerial .img02{ width:45%; height:auto;}
	 .img-aerial .img03{ width:45%; height:auto;}
	 .main_container .heading{ width:100%;}
.main_container .breadcurm-bg .breadcrum{ width:98%;}
	.space{ min-height:0;}
	.file-upload-input{ width:76% !important;}
	.main_container .heading h1{ padding-left:10px;}
	.executive_team ul li{ width:30%;}
	.executive_team ul li img{ width:95%; height:auto;}
	.careers .left-colum{ width:56%;}
	.careers .right-colum{ width:41%;}
	.careers .right-colum img{ width:96%;}
	.main_container .heading{ width:100%;}
	.customers ul li{ width:30%;}
	.customers ul li a img{ width:96%;}
	.contact .address ul li{ padding-left:15px;}
	.contact .address{ width:32%;}
	.contact .contact-form{ width:66%;}
	.contact .address ul li.third a{ font-size:12px;}
.container.capable.location img{ width:98%; height:auto;}


	}
	
	
@media (min-width: 768px) and (max-width: 1023px) {
		 .bear_communications .colum-left{ width:100%; float:none;}
		 .bear_communications .colum-left .gallery ul li{ display:block; width:235px; margin-right:2%;}
		 .bear_communications .colum-left .gallery ul li.mob-view{ margin-right:2%}

		.navigation ul li a{ padding:0 11px; font-size:12px;}
		.main_container .container .details .box{ margin-right:2%;}
		/*#footer .partner_logo .bx-wrapper{ display:none;}*/
		.main_container .breadcurm-bg .breadcrum{ width:98%;}
		.bear_communications .colum-left{ width:100%; float:none;}
		.gallery{ width:758px; margin:0 auto;}
		.bear_communications .colum-right{ float:none; margin:0 auto;}
			.space{ min-height:0;}
			.file-upload-input{ width:76% !important;}
			.main_container .heading h1{ padding-left:10px;}
			.main_container .heading{ width:100%;}
		.container .left-colum{ width:34%;}
		.container .right-colum{ width:62%;}
.left-colum .arial-construction ul li a{ font-size:12px;}
.executive_team ul li{ width:28%;}
.customers ul li{ width:28%;}
.container.capable.location img{ width:98%; height:auto;}
.careers .left-colum .employee-btn{ font-size:10px;}
.careers .left-colum p{text-align:justify;}

	}	
	
@media (max-width: 768px) {
	 .bear_communications .colum-left{ width:100%; float:none;}
	 .bear_communications .colum-left .gallery ul li{ display:block; width:235px; margin-right:2%;}
	 .bear_communications .colum-left .gallery ul li.mob-view{ margin-right:2%}
	 .bear_communications .colum-left .gallery ul li.no-space{margin:0 auto 18px auto;}
	 .bear_communications .colum-left p{ text-align:justify;}
	 .bear_communications .colum-left h1{ font-size:25px;}
	 #footer .footer_box .copyright .callNow{ width:98%;}
	 #footer .footer_box .copyright ul li{ padding:0 7px;}
	 #footer .footer_box .copyright ul li a{ font-size:10px;}
	 #footer .footer_box .copyright{ width:33%; padding:0 1% 0 0;}
	 #footer .footer_box .aboutUs{ width:17%;}
	 #footer .footer_box .capabilities{ width:22%;}
	 #footer .footer_box .capabilities ul li a{ font-size:10px;}
	 #footer .footer_box .aboutUs ul li a{ font-size:10px;}
	 #footer .footer_box .info{ width:27%;}
	 #footer .footer_box .info span{ font-size:11px; width:auto;}
/*#footer .partner_logo .bx-wrapper{ display:none;}*/
	.main_container .breadcurm-bg .breadcrum{ width:98%;}
	.gallery{ width:735px; margin:0 auto;}
		.space{ min-height:0;}
		.file-upload-input{ width:50% !important;}
		.main_container .heading h1{ padding-left:10px;}
.space{min-height:25px;}
.customers ul li{ width:28%;}
.executive_team ul li{ width:28%;}
.container.capable.location img{ width:98%; height:auto;}
.careers .left-colum p{text-align:justify;}
.careers .left-colum .employee-btn{ font-size:10px;}
	}	


	
@media (max-width: 1024px) {
		.bear_communications .colum-left .gallery ul li a span{ font-size:10px;}	
		.bear_communications .colum-left .gallery ul li a span em img{ width:6px;}
	}	

@media (max-width: 930px) {
	#footer .footer_box .copyright .callNow{ font-size:14px;}
	#footer .footer_box .copyright .callNow span{ font-size:14px;}
	.file-upload-button{ padding:11px 14px;}
	
	}	
	
@media (min-width: 320px) and (max-width: 620px) {
	/*#footer .partner_logo .bx-wrapper{ display:none;}*/
#footer .partner_logo					{ max-width:402px;}	
#footer .partner_logo .bx-wrapper .bx-next{ right:-95px;}
	}

@media (min-width: 481px) and (max-width: 767px) {
	.main_container .container .details .box{ float:none; width:68% !important; min-height:140px; margin:0 auto 18px auto !important;}
	.main_container .container .details .last-box{margin:0 auto 18px auto !important;}
	
	}

@media (min-width: 320px) and (max-width: 767px) {
	body{ background:#1d1208;}
	#wrapper #header .top_header .middle .logo{ float:none; position:static;}
	/*#wrapper #header .top_header .middle .left-section{ display:none;}*/
	#wrapper #header .bottom_header .navigation{ display:none;}
	.main_container .container .details .box{ float:none; width:100%; min-height:140px; margin-bottom:18px;}
	.main_container .container .details .box img{ height:auto; width:100%; min-height:140px;}
	.bear_communications .colum-left{ float:none; width:100%;}
	.bear_communications .colum-left .gallery ul li a span em img{ width:6px;}
	.gallery{ padding-bottom:25px;}
	.bear_communications .colum-right{ float:none; width:100%;}
	#footer .partner_logo{ width:100%;}
	#footer .footer_box{ width:98%; padding-left:0; padding-right:0;}
	#footer .footer_box .section{ float:none; width:100%; padding-bottom:25px;}
	.bottom_footer span{ font-size:10px;}
	.banner .bx-wrapper img{ width:100%; height:auto; min-height:200px;}
	.main_container .container .banner ul li .caption{ left:38px; top:22px; width:255px;}
	.main_container .container .banner ul li .caption span{ font-size:30px;}
	.main_container .container .banner ul li .caption i{ width:255px;}
	.bx-wrapper .bx-next{ right:0;}
	.bx-wrapper .bx-prev{ left:0;}
	.bx-wrapper .bx-viewport{ width:100%; margin:0 auto;}
	/*#footer .partner_logo .bx-wrapper{ display:none;}
	inner start*/
	 .container .left-colum{ width:95%; float:none; padding-bottom:35px;}
	 .container .right-colum{ width:98%; float:none; margin:0 auto;}
	 .aerial .img01{ width:96%; height:auto; margin:0 auto;}
	 .aerial p{ text-align:justify;}
	 .img-aerial .img02{ width:45%; height:auto;}
	 .img-aerial .img03{ width:45%; height:auto;}
	 .right-colum .aerial h2{ font-size:22px;}
	 .img-aerial span{ font-size:16px;}
	 .main_container .heading{ width:100%;}
	 .main_container .breadcurm-bg .breadcrum{ width:100%;}
	 .space{ min-height:28px;}
	 .top-img{ padding-bottom:25px;}
	 .img-aerial span{ line-height:22px;}
	 .img-aerial ul li a{ font-size:10px;}
	 .main_container1{ width:100%; margin:0 auto;}
	 .main_container .breadcurm-bg .breadcrum ul li.aro{ padding:0 6px;}
	 .main_container .breadcurm-bg .breadcrum ul li{ font-size:12px;}
	 .main_container .breadcurm-bg .breadcrum{ width:98%;}
	 #footer{ background:none;}
	 .customers ul{ width:100%;}
	 .customers ul li{ width:233px; margin:0 auto; display:block; float:none; padding-bottom:22px;}
	 .customers ul li.noMargin{ margin:0 auto;}
	 .executive_team ul{ width:100%;}
	 .executive_team ul li{ float:none; width:233px; margin:0 auto; display:block; padding-bottom:22px;}
	 .executive_team ul li.noMargin{ margin:0 auto;}
	 .careers .left-colum p{ text-align:justify;}
	 .careers .left-colum .employee-btn{ font-size:12px;}
	 .careers .careers-img{ width:100%;}
	 .careers .careers-img img{ width:95.1%; height:auto; margin:0 auto;}
	 .main_container1{ background:none !important;}
	 .main_container .heading h1{background:url(../images/top-inner_bg.jpg) center top no-repeat !important; background-size:100% 100% !important; padding-left:10px;}
	 .main_container{ padding-top:0;}
	 .container.capable.location img{ width:98%; height:auto;}
	 .main_container .container{ min-height:215px;}
	 .career form ul li label{ float:none; width:100%;}
	 .career form ul li input{ float:none; width:95%; display:block; margin:0 auto;}
	 .career form ul li textarea{ float:none; width:95%; display:block; margin:0 auto;}
	 #dk_container_position{ float:none; margin:0 auto; width:97%;}
	 #dk_container_state{ float:none; margin:0 auto; width:97%;}
	 #dk_container_education{float:none; margin:0 auto; width:97%;}
	 .dk_toggle{ width:100% !important;}
	 #dk_container_undefined{ width:100%;}
	 #dk_container_installer{ width:100% !important;}
	 #dk_container_california{ width:100% !important;}
	 #dk_container_highschool{ width:100% !important;}
	 .career form ul li .position-box{ float:none; padding:15px 0;}
	 .career form ul li label{ font-size:15px;}
	 .career form ul li label.diff-info{ display:block; padding-bottom:15px;}
	 .form-section .form{ width:98%; margin:0 auto;}
	 .career form ul li .position-box{ width:140px;}
	 .iradio_minimal-red{ margin-left:10px; margin-right:5px;}
	 .contact .contact-form{ width:100%; float:none;}
	 .contact .contact-form .form1 ul li .float-left{ float:none; width:100%;}
	 .contact .contact-form .form1 ul li .float-right{ float:none; width:100%;}
	 .contact .contact-form .form1 ul li .float-left{ padding-bottom:25px;}
	 .contact .contact-form .form1 ul li .float-right{ padding-bottom:25px;}
	 .contact .contact-form .form1 ul li{ padding-bottom:0;}
	 .contact{ width:98% !important;}
	 .contact .contact-form .form1 ul li.message textarea{ width:90%; margin:0 auto;}
	 .contact .address{ width:100%;}
	 .contact .contact-form .form1 ul{ padding-bottom:35px;}
	 .submit-box .submit_btn{ margin-left:0;}
	 .submit-box{ width:100%;}
	 .bear_communications .colum-left h1{ font-size:18px;}
	 #wrapper #header .top_header .middle .left-section{ float:none; width:100%; padding-top:15px;}
	 #wrapper #header .top_header .middle .left-section .leftFloat{ background:none; float:left; width:98%; display:block; padding-right:0;}
	 #wrapper #header .top_header .middle .left-section .phone{ line-height:21px;}
	 #wrapper #header .top_header .middle .left-section .email{ line-height:21px;}
	 #wrapper #header{ background:url(../images/nav_bg.jpg) left 38% repeat-x;}
	 #wrapper #header .top_header .middle .left-section .search_box{ float:none !important; }
	 .clears{clear:both; line-height:1px; font-size:1px;}
	 #wrapper #header .top_header .middle .left-section .phone{ padding-left:5px;}
	 #wrapper #header .top_header .middle .left-section .email{ padding-left:5px;}
	 #wrapper #header .top_header .middle .left-section .social-icon{ padding-left:0;}
	 .inav							{ display:block;}
	 
	 #wrapper #header .top_header .middle .logo{ margin:0 auto; display:block;}
	 #wrapper #header .bottom_header{ min-height:15px;}
	 .gallery{ width:100%;}
	 .bear_communications .colum-right .submit-form{ width:307px; margin:0 auto;}
	 .bear_communications .colum-left .gallery ul li{ float:none; display:block; margin:0 auto 18px; width:235px;}
	 .bear_communications .colum-left .gallery ul li.mob-view{ margin-right:0; margin:0 auto 18px;}
	 .main_container .heading{ min-height:77px;}
	 	.space{ min-height:0;}

	 .file-upload-input{ width:60% !important; float:left;}
	 .file-upload-wrapper{ width:100%;}
	 .heading-box{ margin-top:0;}
	 .main_container .heading h1{ margin-top:0;}
    .aerial p span{ font-size:18px;}
.aerial p{font-size:12px; font-family:"robotoregular"}
	}
	
@media (min-width: 320px) and (max-width: 680px) {
	.bear_communications .colum-right .submit-form{ width:98%; margin:0 auto;}
	#footer .partner_logo .bx-wrapper .bx-next{ right:6%;}
	.bear_communications .colum-left .gallery ul li{ float:none; display:block; margin:0 auto 18px; width:235px;}
	 .bear_communications .colum-left .gallery ul li.mob-view{ margin-right:0; margin:0 auto 18px;}
	 .main_container .container .banner ul li .caption span em{ padding-bottom:0;}
	 .main_container .container .banner ul li .caption i{ padding-bottom:5px; line-height:20px; font-size:12px;}
	 .main_container .container .details .box .pos-box{ right:0;}
	 .file-upload-input{ width:60% !important; float:left;}
	 .file-upload-wrapper{ width:100%;}
	}	


@media (max-width: 360px) {
	 .space{ min-height:22px;}
	 	#footer .footer_box .copyright .callNow{ font-size:18px;}
	#footer .footer_box .copyright .callNow span{ font-size:18px;}
	.file-upload-wrapper{ width:100% !important;}
	.file-upload-input{ width:50% !important;}
.aerial p span{ font-size:14px;}
.aerial p{font-size:12px; font-family:"robotoregular"}

	}