@media screen and (max-width:1260px){
	.header .container{display:block;}
	.header .logo{display:none;}
	.header .mainMenu{display:none;}
	.header .loginUser{display:none;}
	.header .mobileMenu{display:block;}
	.mainContents .container{width:calc(100% - 40px);padding:5px 20px 15px 20px;}
	.createShip.step_02 .displayTable{overflow-x:auto;}
	.createShip.step_02 .displayTable table{width:1280px;}
	.createShip.step_03 .displayTable{overflow-x:auto;}
	.createShip.step_03 .displayTable table{width:1500px;}
	.manageShip .displayTable{overflow-x:auto;}
	.manageShip .displayTable table{width:1500px;}
	.accountSetting .contents .col_left,.accountSetting .contents .col_rgt{width:100%;margin-right:0;display:block;}
	.accountSetting .contents .col_rgt{margin-left:0;}
	.teamSetting .contents .col_left,.teamSetting .contents .col_rgt{width:100%;margin-right:0;display:block;}
	.teamSetting .contents .col_rgt{margin-left:0;}
}

@media screen and (max-width:1199px){
	.formPage .col_4{width:calc(50% - 20px);}
	.formPage .col_4.remaining{width:calc(100% - 20px);}
	#moreDetails .row_table{overflow-x:auto;}
	#moreDetails .row_table table{width:1200px;}
}

@media screen and (max-width:1000px){
	.createStatus{padding-bottom:30px;}
	.createStatus .statusChart{width:calc(280px - 40px);}
	.statusChart span{display:block;}
	.statusChart span.line{width:3px;height:40px;margin-left:8.5px;}
	.statusChart span.line hr{width:auto;height:40px;border:3px solid #f1f1f1;}
	.statusChart span .statusName{top:-2.5px;left:-30px;}
	.filter{width:100%;}
	.filter.right{position:relative;right:0;top:0;margin:20px;width:calc(100% - 40px);}
	.filter span{width:calc(98% - 100px);}
	.filter .btn{width:100px;}
	.filter span input[type="text"]{padding:5px 10px;width:100%;}
	.resultStatus{display:block;width:100%;padding:0 0 20px 0;}
	.resultStatus .page{display:block;text-align:center;margin-bottom:20px;}
	.resultStatus .pageNum{display:block;text-align:center;width:280px;margin:0 auto;}
	#moreDetails .row_1 .col_2_3{width:100%;margin-right:0;}
	#moreDetails .row_1 .col_1_3{width:100%;margin-left:0;margin:10px 0;}
	.formPage .col_3{width:calc(50% - 20px);}
}

@media screen and (max-width:700px){
	.formPage .col_4{width:calc(100% - 20px);}
	.formPage .col_2{width:calc(100% - 20px);}
	.formPage .col_3{width:calc(100% - 20px);}
	.formPage .boxCustom{display:block;padding:0;margin-bottom:20px;}
	#addAddress .modal-body table tr td{display:block;width:calc(100% - 20px);padding:0 10px;margin-bottom:10px;}
	#editShipAddress .modal-body table tr td{display:block;width:calc(100% - 20px);padding:0 10px;margin-bottom:10px;}
	#editBillAddress .modal-body table tr td{display:block;width:calc(100% - 20px);padding:0 10px;margin-bottom:10px;}
	#moreDetails .row_1 .col_2_3 .col_1_2{width:calc(100% - 2px);}
	#moreDetails .row_1 .col_2_3 .col_1_2.left{margin-right:0;}
	#moreDetails .row_1 .col_2_3 .col_1_2.right{margin-left:0;}
	.addresses .address .addLeft{width:100%;margin-right:0;display:block;margin-bottom:20px;}
	.addresses .address .addRgt{width:100%;margin-left:0;display:block;}
	.addresses .address .addRgt .contact{width:calc(50% - 5px);}
	.addresses .address .addRgt .action{width:calc(50% - 5px);}
}

@media screen and (max-width:600px){
	.formPage .step{width:100%;display:block;text-align:center;margin:30px 0 0 0;}
	.formPage{text-align:center;}
	.formPage .submitBtn{margin:0 5px;}
	.formPage .backBtn{margin:0 5px;}
	.displayTable{text-align:center;}
	.displayTable .step{width:100%;display:block;text-align:center;margin:30px 0 0 0;}
	.accountSetting .profile .uploadPhoto{width:134px;display:block;margin:0 auto 20px auto;}
	.accountSetting .profile .fieldCols{width:100%;display:block;}
	.subscription .left{float:none;margin-bottom:10px;}
	.subscription .right{float:none;margin-left:10px;margin-bottom:10px;}
	.addresses .address .addLeft .name{display:block;width:100%;margin-right:0;margin-bottom:20px;}
	.addresses .address .addLeft .add{display:block;width:100%;margin-left:0;}
	.addresses .address .addRgt .contact{width:100%;margin-bottom:20px;}
	.addresses .address .addRgt .action{width:100%;}
	.companySetting .uploadPhoto{width:134px;display:block;margin:0 auto 20px auto;}
	.companySetting .fieldCols{width:100%;display:block;}
}

@media screen and (max-height:648px){
	.login .wrapper{height:auto;}
	.loginContents{height:auto;margin:70px auto;}
	.login .footer{position:fixed;}
	.header{position:relative;}
	.mainContents{padding-top:0;}
}

/*FOR PRINT ONLY*/
@media print {
	*{ color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; margin:0; padding:0; }
	
}