/*RESPONSIVE MENU*/
.responsive_btn {
    border-radius: 6px;
    cursor: pointer;
    display: none;
    line-height: 2px;
    margin: 0;
    padding: 5px 0 !important;
    float: right;
    text-align: center;
    width: 34px;
    z-index: 2;
}
.responsive_btn span {
    background: #fff;
    border-radius: 6%;
    display: block;
    height: 3px;
    margin: 4px auto 0;
    width: 28px;
}
.responsive_btn span:first-child {
    margin-top: 0;
}
.responsive_btn:hover span {
    background: #FB0D1B;
}
.sidebar-wrapper .sidebar-menu li{text-transform: uppercase;}
.sidebar-wrapper .sidebar-menu li a{font-size: 15px;}
.sidebar-wrapper .sidebar-menu li a:hover,
.sidebar-wrapper .sidebar-menu li a:focus {
    background-color: #FB0D1B;
    color: #fff;
}
.sidebar_overlay{
	visibility: hidden;
	opacity: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	z-index: 19;
	-webkit-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
.show_cbtn .sidebar_overlay{visibility: visible; opacity: 1;}
.subarrow{
	display: none;
	position: absolute;
	right: 22px;
	top: 4px;
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	font-size: 25px;
	z-index: 7;
	-webkit-transition: all 350ms ease 0s;
	transition: all 350ms ease 0s;
}
.active > .subarrow{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sidebar-menu .subarrow{display: block;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.container{width:970px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container{width:750px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.container{width:570px;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	.container{width:450px; width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.container{width:300px; width: 100%;}
}

/*1024px*/
@media only screen and (max-width: 1199px) {
	.responsive_btn { display: block;}
	.nav_menu, .nav_hover{display: none !important;}
	.nav_wrapper{padding: 13px 0;}
	.add_left { width: 409px;}
	.add_right { width: 478px;}
	.webbox p{font-size: 23px;}
	.social.fsocial a{width: 48px;height: 48px; line-height: 48px; font-size: 21px;}
	.contact_info li p span{font-size: 21px;}
	.contact_info li p span a{font-size: 17px;}
	.video_right{width: 46%;}
	.video_box{width: 52%;}
	.add_4 { width: 53%;}
	.add_5 { width: 42%;}
	.faciRight{width: 585px; float: right;}
	.faciLeft{width: 380px;}
	.app_info ul{padding: 0; margin-left:0; margin-right:-15px; margin-bottom: -15px; overflow: hidden;}
	.app_info ul li{padding: 0 15px 0 30px; width: 50%; margin: 0 0 15px; height: 120px;}
	.captcha_img{width: 270px;}
	.contact_form .btn_wr { margin-top: 13px;}
	.contact_block{min-height: 123px;}
}

/*768px*/
@media only screen and (max-width: 992px) {
	.logo {width: 283px; margin: 28px 0 0;}
	.abt_left{padding-left: 15px;}
	.alink a{font-size: 23px;}
	input[type="submit"], input[type="reset"], input[type="button"], button, .btn{
		line-height: 39px;
		padding: 0 30px 3px;
		font-size: 21px;
	}
	.home_about{background-size: 43%;}
	.video_right{width: 49.7%; padding-top: 4px;}
	.video_box{width: 49.2%;}
	.heading{font-size: 39px; line-height: 47px;}
	.video_right .heading{margin-bottom: 10px;}
	.video_right .sub_heading{font-size: 28px; margin-bottom: 6px;}
	.ultrawrap .heading{font-size: 32px; line-height: 42px; margin-bottom: 32px;}
	.ultra_text{padding-top: 23px; font-size: 23px;}
	.choose{padding: 50px 0;}
	.revbox{width: 208px; height: 208px; line-height: 188px; margin: 0 auto;}
	.revbox img{ max-width: 75%;}
	.add_left { width: 307px;}
	.add_right { width: 365px;}
	.webbox p {font-size: 19px; line-height: 24px;}
	.cf_left{width: 100%; margin-bottom: 40px;}
	.cfright{width: 100%;}
	.foot_bgmap.map { height: 985px;}
	.cerleft p{text-align: left;}
	.heading.mid_head span:before, .heading.mid_head span:after{display: none;}
	.img_r.gift2{float: none; margin: 0 0 30px; text-align: center;}
	.img_r.gift2 img{display: inline-block;}
	.cerleft { font-size: 28px;}
	.heading.mid_head { font-size: 32px;}
	.psfirst, .pssecond{font-size: 26px;}
	.faciRight{width: 585px; float: none; clear: both; margin: 0 auto;}
	.faciLeft{width: 100%; margin-bottom: 30px;}
	.fac_gal{float: none;}
	.dna_pic { margin: 4px 20px 7px 0; width: 46%;}
	.dna_list > ul > li:nth-of-type(2n) .dna_pic{margin: 4px 0 7px 20px;}
	.contact_ul{margin: 15px 0 0;}
	.contact_ul li{width: 100%;}
	.contactPage .mainContainer { padding-bottom: 0px;}
}

/*600px*/
@media only screen and (max-width: 767px) {
	.logo{margin: 5px auto 20px; float: none;}
	.header_right{float: none; text-align: center;}
	.header_right .social{float: none; display: inline-block; vertical-align: top}
	.language_top{float: none; display: inline-block; padding-right: 0; padding-left: 20px; display: none;}
	.top_call{float: none;}
	.top_phone{float: none;}
	.con_group{float: none;}
	.nav_wrapper, .sticky .nav_wrapper{position: static;}
	.sticky .banner_container, .sticky .banner_outer{margin-top: 0;}
	.abt_right{margin-top: 30px;}
	.alink a { font-size: 29px;}
	.video_box { width: 50.2%;}
	.video_right {width: 45.7%;}
	.video{padding: 40px 0;}
	.video_right .heading{font-size: 28px; line-height: 32px;}
	.ultra_ul li{width: 33.333%; float: left;}
	.ultra_text{font-size: 18px;}
	.webrev_list{margin-bottom: 20px;}
	.webrev_list li{width: 33.3333%; float: left}
	.revbox{width: 148px; height:148px; line-height: 138px; border-width: 5px; margin: 0 auto;}
	.add_block{padding:20px 0 0; margin-bottom: 30px;}
	.add_left { width: 238px;}
	.add_right { width: 288px;}
	.web_links li{width: 50%; float: left;}
	.webbox a{height: 96px;}
	.cont_block { margin-bottom: 34px;}
	.img_r.map.fmap{float: none; width: 100%; margin: 0 0 20px;}
	.contact_info{overflow: hidden;}
	.contact_info li{float: left; width: 50%;}
	.cf_left{margin-bottom: 10px;}
	.foot_bgmap.map{display: none;}
	.contact .container{position: relative; transform: none; left: 0; top: 0;}
	.faciRight{width: 100%;}
	.fac_gal{width: 100%;}
	.conLeft{margin-bottom: 20px;}
	.contact_form .btn_wr { margin-top: 23px;}
	#f1, #f2, #f3, #f4, #f5, #f6{width: 500px;}
	.social-bottom{position: initial; margin-top: 18px;}
	.red_head .psfirst img{width: 100% !important; height: auto !important;}
	.choose .heading span{padding: 0px 10px;}
	.choose .heading img{width: 100% !important; height: auto !important;}
	.responsive_btn{position: relative;}
	.responsive_btn span.text{margin-top: 0; position: absolute; background: transparent; color: white; top: 16px; right: 60px; font-family: 'latoheavy';}
}

/*480px*/
@media only screen and (max-width: 599px) {
	.banner_slider .owl-carousel .owl-nav .owl-prev, .banner_slider .owl-carousel .owl-nav .owl-next{width: 36px;height: 36px;line-height: 36px;}
	.vidicon{width: 84px; height: 84px; background-size: contain;}
	.webrev_list li{width: 100%; margin-bottom: 30px;}
	.revbox{width: 270px; height: 270px; line-height: 250px; border-width: 10px;}
	.add_left{width: 100%; margin-bottom: 10px;}
	.add_right{width: 100%;}
	.add_left img, .add_right img{width: 100%;}
	.add_left a, .add_right a{display:block;}
	.webbox p{font-size: 17px;}
	.contact_info li{width: 100%;}
	.social.fsocial { margin-bottom: 40px;}
	.cfright{margin-top: 30px;}
	.large_image{height: 330px;}
	.table_left{width: 100%; margin-bottom: 30px;}
	.table_right{width: 100%;}
	.dna_list > ul > li{margin-bottom: 30px;}
	#f1, #f2, #f3, #f4, #f5, #f6{width: 400px; padding-right: 20px;}
}

/*320px*/
@media only screen and (max-width: 479px) {
	.top_phone{font-size: 23px;}
	.top_call{font-size: 13px;}
	.header_right .social{margin-bottom: 10px;}
	.video_box{width: 100%; margin-bottom: 15px;}
	.video_right{width: 100%; padding-left: 0; padding-right: 0;}
	.fhead{float: none; margin-bottom: 12px;}
	.fright{margin-left: 0; padding-left: 25px;}
	.ultrawrap .heading { font-size: 26px; line-height: 35px;}
	.ultra_ul li{width: 100%; margin-bottom: 30px;}
	.ultra_text {font-size: 23px;}
	.ultra_ul li:last-of-type{margin-bottom: 0;}
	.heading span:before, .heading span:after{display: none;}
	.choose_block{padding: 0 15px;}
	.web_links li{width: 100%;}
	.webrev_list li:last-of-type{margin-bottom: 0;}
	.f_nav li:first-child a{padding: 0 13px;}
	.f_nav li{margin-bottom: 5px;}
	.add_4, .add_5{width: 100%;}
	.add_4{margin-bottom: 10px;}
	.psheading{padding:15px 28px;}
	.large_image{height: auto;}
	.pthumb .slick-slide img{height: auto;}
	.inner_choose .heading {font-size: 30px;}
	.right_rs, .left_rs{width: 100%;}
	.right_rs ul > strong{display: none;}
	.gal_list ul li{width: 50%;}
	.contact_heading.colored{font-size: 23px; margin-bottom: 22px;}
	.app_info ul{margin-right: 0;}
	.app_info ul li{width: 100%; padding-right: 0; height: auto;}
	.map.appmap { height: 281px;}
	.heading_inner.heading{font-size: 35px; margin-bottom: 14px;}
	.dna_pic{width: 100%; margin: 0 0 18px 0;}
	.chart_table table td{font-size: 17px;}
	.map.conMap { height: 300px;}
	#f1, #f2, #f3, #f4, #f5, #f6{width: 300px;}
	.ch_right p{text-align: left;}
	.intro_text p{text-align: left;}
	.faq_wrapper .faq_heading .c_toggle p, .fcontent p, .dna_text p, .pbottom p{text-align: left;}
	.red_head .psfirst{word-wrap: break-word;}
}
@media only screen and (max-width: 359px) {
	.large_image{height: 225px;}	
}
@media only screen and (max-width: 359px) {
	.large_image{height: 200px;}
	#f1, #f2, #f3, #f4, #f5, #f6{width: 250px;}
}