/*===============================================================================================================	
CSS Decorated By    : Web Architect (webarq.com)
Author              : DebfryAp              
================================================================================================================= */
 @media only screen and (max-width: 479px) {
/* Mobile styles */
.wrapper {
	width: 280px;
	margin: 0 auto;
}
header nav {
	display: none;
}
#tracking form.trace {
	float: none;
	width: auto;
}
.bx-wrapper .bx-prev{
	left:10px;
}
.bx-wrapper .bx-next{
	right:10px;
}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover,.bx-wrapper .bx-prev{
	background-size:30px;
}
.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-direction a:hover {
    height: 22px;
    width: 6px;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{
	bottom:0;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	height:3px;
}
/*#tracking:before {
	height: 173px;
	bottom: inherit;
	width: 100%;
}
.list-promo {
	margin: 0 -15px;
}
.list-promo .items {
	padding: 0 15px;
	width: auto;
	box-sizing: border-box;
	margin-right: 0px;
}
#tracking form.check {
	box-sizing: border-box;
	width: auto;
}
#tracking form.network {
	box-sizing: border-box;
	width: auto;
	background-image:none;
	padding:0px;
}
#tracking form {
	max-height: none;
	float:none;
	width:auto;
}*/

.main-content .list-news .items {width: 280px;}

.askjoni div {margin: 0 10px;}
.askjoni div img {margin: -70px 0 0 0;}

#tracking form.trace input, #tracking form.trace textarea {width: 258px; margin-right: 0;}
#tracking form.check input[type=text] {width:258px;}

#tracking form.network input {width: 210px;}

.filter {width: 250px;}
.filter.paging a:nth-child(4) {display: none;}
.filter .left input {width: 184px; text-overflow: ellipsis;}
.filter .right .selector_form, .filter .right .selector_form select {width: 175px !important;}
.filter .right .selector_form:after {right: 8px;} 

.formCustomer .field .fSelect .selector_form {width: 281px !important;}
.btn.red.down, .btn.red.ups {
    margin: 0 3px 40px;
    text-align: center;
    background-position-x: 30px;
}
.formCustomer .field .captcha {width: 280px;}
.formCustomer .field textarea, .formCustomer .field input[type="text"] {width: 255px;}

.form_career .row .form input[type=text] {width: 258px;}
.form_career .row .form textarea {width: 267px;}
.form_career .row .form .year {width: 73px !important;}

.contact_form .selector_form, .contact_form .selector_form select {width: 288px !important;}
.contact_form input[type=text] {width: 267px;}
.contact_form textarea {width: 274px;}
.contact_form.validate textarea {width: 266px;}

#mapContact {height: 320px;}


.main-content .award, .main-content .box_ {overflow: auto; margin-bottom: 30px;}


.table_style.jobs tbody td:nth-child(2),
.table_style.jobs tbody td:nth-child(3),
.table_style.jobs tbody td:nth-child(4) { padding-left: 124px;}

.table_style.jobs tbody td:nth-child(2):after,
.table_style.jobs tbody td:nth-child(3):after,
.table_style.jobs tbody td:nth-child(4):after { left: 116px;}


#recognition .right img {width: 67px;}


#widget .wrapper {
	max-width: 720px;
	margin: 0 auto;
}
#widget .cols {padding: 0;}
#timeline .bx-wrapper .bx-controls-direction a.bx-next {left: 257px;}
#widget .cols form label .selector_form, #widget .cols form label .selector_form select {width: 180px !important;}

.askjoni div .img {margin: -58px 0 0 0;}
.askjoni div {margin: 0 12px 0 10px;}
.askjoni form {padding: 10px 0;}
.askjoni .selector_form {margin: 0; display: block;}
.askjoni form button {margin: 10px 0 0;}
.link-socmed a {margin: 0 20px 20px 0;}

nav.job_apply a:first-child {
    margin-bottom: 10px;
}
.table_content.other_job {border: none;}
.table_content.other_job thead {display: none;}
.table_content.other_job tbody td {display: block; border: none;}
.table_content.other_job tbody td:first-child {display: inline-block; width: auto; font-weight: bold; font-size: 16px;}
.table_content.other_job tbody td:nth-child(2) {margin-top: -33px; text-decoration: underline; line-height: 20px;}
.table_content.other_job tbody td:nth-child(2),
.table_content.other_job tbody td:nth-child(3) { padding-left: 126px; position: relative;}
.table_content.other_job tbody td:nth-child(2):before{
	content: "Position";
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #666;
    position: absolute;
    left: 40px;
    text-decoration: none;
}
.table_content.other_job tbody td:nth-child(2):after,
.table_content.other_job tbody td:nth-child(3):after{
	    content: ":";
    position: absolute;
    left: 116px;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    top: 8px;
    display: inline-block;
    text-decoration: none;
  }
.table_content.other_job tbody td:nth-child(3){text-align: left; line-height: 20px; margin-bottom: 10px;}
.table_content.other_job tbody td:nth-child(3):before{
	content: "Deadline";
	font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #666;
    position: absolute;
    left: 40px;
}

.btn.red.down {
    background: #f23f0d url('../images/material/icon_download.png') no-repeat 8px center;
}

aside{ display:none; }
.wrapper.network aside .network input[type=text] {width: 207px;}
.wrapper.network aside .network .btn {padding: 13px 20px;}   
.main-content{ margin-left:0px; }
.main-content.chat .contact_form textarea { width: 275px;}
.content.chat .text_chat textarea {width: 66%;}


footer .bottom .phone {
	width: auto;
	margin-right: -25px;
}
footer .bottom .phone a strong {
	font-size: 16px;
}
footer .bottom .phone a i {
	display: none;
}
footer .bottom .phone a:first-child {
	width: auto;
}
footer .phone.mobile a {font-size: 11px;}
footer .phone.mobile a strong {font-size: 12px; display: block; margin-top: 2px;}
footer .bottom p.left {width: 250px;}
footer .bottom p {font-size: 12px;}
}


/*@media only screen and (max-width: 767px) {
	.camera_wrap {height: 280px !important;}
}
@media only screen and (max-width: 735px) {
	.camera_wrap {height: 254px !important;}
}
@media only screen and (max-width: 666px) {
	.camera_wrap {height: 243px !important;}
}
@media only screen and (max-width: 639px) {
	.camera_wrap {height: 216px !important;}
}
@media only screen and (max-width: 567px) {
	.camera_wrap {height: 183px !important;}
}
@media only screen and (max-width: 479px) {
	.camera_wrap {height: 157px !important;}
}
@media only screen and (max-width: 410px) {
	.camera_wrap {height: 140px !important;}
}
@media only screen and (max-width: 364px) {
	.camera_wrap {height: 120px !important;}
}*/
@media only screen and (max-width: 767px) {
	.camera_wrap {height: 219px !important;}
}
@media only screen and (max-width: 735px) {
	.camera_wrap {height: 210px !important;}
}
@media only screen and (max-width: 666px) {
	.camera_wrap {height: 190px !important;}
}
@media only screen and (max-width: 639px) {
	.camera_wrap {height: 162px !important;}
}
@media only screen and (max-width: 567px) {
	.camera_wrap {height: 137px !important;}
}
@media only screen and (max-width: 479px) {
	.camera_wrap {height: 118px !important;}
}
@media only screen and (max-width: 410px) {
	.camera_wrap {height: 104px !important;}
}
@media only screen and (max-width: 364px) {
	.camera_wrap {height: 91px !important;}
}