@media only screen and (min-width: 1200px){
    #p-vehiclelist #depX div{width: 18%;}
	#p-vehiclelist #depX a,#p-vehicleFinish #depX a{line-height: 2.5;}
}
@media only screen and (max-width: 1199px){
    
}
@media only screen and (max-width: 1024px){
    #menuBox div {margin: 15px 0;}
    .singleMenu{float: none !important;}
    .mastfoot{
        position: inherit;
        margin: 0 auto;
    }
    #p-vehicleA #plate{margin-bottom: 15px;}
}

@media only screen and (min-width: 1023px){
    .form-control{
        height: 54px !important;
        font-size:21px !important;
    }
    .menuP .singleMenu {
        width: 60% !important;
        margin: 4px 22% !important;
    }
    .col-sm-12 {width: 60% !important;}
    #p-vehicleA .totalBox{display:none}
    #p-vehicleA .dep-x{margin-top: 15px !important;}
    #listBox .listR{
        width: 48%;
        float: left;
        margin: 1%;
    }
    #p-parking #menuBox div{
        width: 48% !important;
        margin: 1%;
    }
    .listR p{font-size: 14px;}
    input[type=submit] {
        position: relative;
        top: 30px;
    }
	.modal-dialog input[type=submit]{top: 0;}
    #delForm a{
        position: relative;
        top: 38px;
    }
    #comfBox .spart{padding: 11px 0;}
    .btnC1,.btnAD{border-radius: 30px !important;}
    .btnAD{
        height: 60px;
        line-height: 4;
    }
    .errBox1 {margin: 20px 30px;}
	.multiDrop{
	    padding: 2.67% 2% !important;
		font-size: 21px !important;
	}
	#multiBox span{top: 25px !important;}
}
@media only screen and (width: 1024px){
    #p-editUser #plate{margin-bottom: 4px;}
    #p-editUser .dep-x{margin-top: 15px !important;}
    #p-editUser .form-control {height: 48px !important;}
}
@media only screen and (max-width: 1023px){
    #listBox .listR {
        width: 98%;
        float: left;
        margin: 1%;
    }
    #search,#plate{height: 48px !important;}
    #getLink{
        height: 48px !important;
        background-size: 60%;
        background-position: 12px 0;
    }
}
@media only screen and (width: 1023px){
    #p-editUser #plate{margin-bottom: 4px;}
}
@media only screen and (min-width: 993px){
    .mainMenuP #menuBox div {margin: 2% 0.5% 0 6.6%;}
    #p-vehicleFinish #depX div{width: 23%;}
	#productModal .modal-body {
		min-height: 180px;
		overflow-y: scroll;
	}
}
@media only screen and (min-width: 769px) {
    .mastfoot{position: relative;}
    .menuP .singleMenu {margin: 2% 3%;}
    #p-current .request-list,#p-request .request-list{margin-top: 0 !important;}
    .col-sm-12 {width: 97% !important;}
    .mainMenuP{
        position: relative;
        left: 2%;
        width: 80% !important;
    }
}
@media only screen and (max-width: 768px) {
    .menuP .singleMenu{width: 80%;}
}
@media (min-width:600px) and (max-width:950px){
    #p-addsub .plateMask input,#p-start input,#p-vehicleA input,#p-vehicleA select,#p-request input,#p-current input,#p-subscriber input,#p-promosyon input,#p-editUser input,#p-editUser select,#p-vehicleFinish select,#p-vehicleFinish input{
        height: 45px;
        font-size: 16px !important;
    }
    #p-vehicleFinish #depX a{
        line-height: 1.9;
        font-size: 16px;
    }
    .i-edit, .i-print {
        width: 32px;
        height: 32px;
    }
    #div_print *,#p-vehicleFinish label{font-size: 16px;}
    #div_print .bgBox{height: 32px;}
}
@media only screen and (width: 768px){
    .col-sm-12 {width: 96%;}
}
@media only screen and (max-width: 767px) {
    #menuBox div {margin: 15px 30px;}
	#p-parking .bb1 {margin-top: 30px;}
	#p-vehicleFinish .bgBox.w6{
		font-size: 18px;
		line-height: 1.8;
	}
	#p-vehicleFinish .bgBox.w4 label{
		font-size:12px;
		line-height: 2.5;
	}
	#p-vehiclelist #depX a,#p-vehicleFinish #depX a{font-size: 11px;}
}
@media only screen and (max-width: 736px){
    .bgBox{height: 40px;}
}
@media only screen and (width: 736px){
    .mastfoot{
        position: fixed;
        bottom: 0;
    }
    .inner.cover {margin-bottom: 15%;}
}
@media only screen and (width: 667px){
    .mastfoot{
        position: fixed;
        bottom: 0;
    }
    .inner.cover {margin-bottom: 12%;}
}
@media only screen and (width: 640px){
    .mastfoot{
        position: fixed;
        bottom: 0;
    }
    .inner.cover {margin-bottom: 10%;}
}
@media only screen and (max-width: 599px){
    #search, #plate {margin-bottom: 15px;}
	#p-vehicleA #plate{
		width:80%;
	}
	#p-vehicleA #getLink {
		left: 130px;
	}
}
@media only screen and (width: 568px){
    .mastfoot{
        position: fixed;
        bottom: 0;
    }
    .inner.cover {margin-bottom: 24%;}
    .inner {padding: 0 30px;}
}
@media only screen and (max-width: 414px) {
	#p-vehiclelist .listR p{font-size: 74%;}
}
@media only screen and (width: 414px){

}
@media only screen and (max-width: 412px) {
    #delForm input {width: 85px;}
    #delForm .btnC2 {padding: 8px 16px;}
}
@media only screen and (width: 412px){
    .inner.cover {margin-bottom: 15%;}
}
@media only screen and (max-width: 375px){
	.listR p {font-size: 10px;}
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	#p-vehiclelist .listR p{font-size: 70%;}
}
@media only screen and (width: 375px){
    .inner {padding: 20px;}
}
@media only screen and (max-width: 360px){
    .mainMenuP p{font-size: 11px;}
	#p-vehicleFinish #depX a {text-indent: 0;}
}
@media only screen and (width: 360px){
    .inner.cover {margin-bottom: 12%;}
}
@media only screen and (max-width: 340px){
    .listR p{font-size: 8px;}
    #moBtnC{font-size: 12px !important;}
    #p-vehicleFinish #depX a{font-size: 11px;}
}
@media only screen and (max-width: 320px){
    .mastfoot{
        position: fixed;
        bottom: 10%;
    }
    .site-wrapper{padding: 0;}
	
	#p-vehiclelist #depX a, #p-vehicleFinish #depX a{
		font-size:10px;
	}
}