@media (max-width: 768px) {
    /*START - FIXED LAST COLUMN*/
    .FixedFirstColumn > thead > tr > th:first-child {position: absolute;display: inline-block;left: 15px;margin: 0 !important;}
    .FixedFirstColumn > tbody > tr > td:first-child {position: absolute;display: inline-block;left: 15px;margin: 0 !important;padding-bottom: 2px !important;background-color: #f5f5f5 !important;}
    .FixedFirstColumn > thead > tr > th:nth-child(2) {padding-left: 60px !important;}
    .FixedFirstColumn > tbody > tr > td:nth-child(2) {padding-left: 60px !important;}
    /*END - FIXED LAST COLUMN*/
    .HiddenTktSelection {display: none;}
    .HiddenPaxInfo {display: none;}
    .HiddenPayStatus {display: none;}
    .show-xs {display: none !important;}
    .RespMarginBottom10 {margin-bottom: 10px;}
    .RespTextCenter {text-align: center !important;}
    .RespTextLeft {text-align: left !important;}
    .RespTextRight {text-align: right !important;}
    .RespWidth100P {width: 100% !important;}
    .RespPaddRight0 {padding-right: 0 !important;}
    .CustRadio {position: relative;float: left;clear: left;display: block;padding-left: 27px;margin-bottom: 5px;line-height: 19px;line-height: 20px;font-size: 18px;color: #666;cursor: pointer;right: 0;}

    .bootstrap-select.btn-group .dropdown-menu {margin-top: -34px;}
    .datepicker-dropdown.datepicker-orient-bottom:before {top: -7px;display: none;}
    .datepicker-dropdown.datepicker-orient-bottom:after {top: -6px;display: none;}
    .table-condensed {width: 100%; border-collapse: separate; border-spacing: 2px;/*font-size: 18px;*/}
    /*.datepicker.dropdown-menu {top: 0 !important;left: 0 !important;width: 100%;height: 100%;z-index: 1111;}*/
    .datepicker.dropdown-menu {left: 0 !important;width: 95%;z-index: 1111;margin: 10px;border: 2px solid #808080;}
    .SwapJourney {margin-top: 58px;right: 20px;}
    .RspNoPad {padding: 0 !important;}
    .RspPadding10 {padding: 10px !important;}
    .RspFontSize12 {font-size: 12px !important;}
    .RspFontSize14 {font-size: 14px !important;}
    .RspFontSize16 {font-size: 16px !important;}
    .RspFontSize18 {font-size: 18px !important;}
    .RspFontSize20 {font-size: 20px !important;}
    .RspFontSize30 {font-size: 30px !important;}
    .LineOnSides {width: 40%;text-align: center;/*line-height: 0em;*/margin: 10px 0 0px 0;padding-bottom: 3px;}
    .LineOnSides span {padding: 0 5px;}
    
    .TMBoxActive {/*background-image: url('../images/CheckTicket.png');background-repeat: no-repeat;background-position-x: 5px;background-position-y: 5px;*/padding-top: 25px !important;}
    .TMBoxActive::before{content: "\00a0";display: block;border-radius: 9px;-moz-border-radius: 9px;-webkit-border-radius: 9px;height: 0;width: 0;position: absolute;left: 4px;top: 4px;}
    .TMBoxActive::after{content: "\00a0";display: block;width: 6px;height: 10px;border-width: 0 2px 2px 0;position: absolute;left: 9px;top: 7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
    .form .form-body, .portlet-form .form-body {padding: 10px;}
    .RespMarginTopM5{margin-top:-5px !important;}
    .RespMarginTopM10{margin-top:-10px !important;}
    .CustBorderTitle{margin-bottom: 10px;border-bottom: 3px solid #505050;}
    .CustBorderTitle>span>i.arrow {display: inline-block;font-size: 2.5px;width: 4em;height: 4em;}
    .CustBorderTitle>span>i.arrow.right {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(42deg) skew(-3deg);border-radius: 4px;margin-right:4px;}
    .CustBorderTitle>span>i.arrow.left {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(224deg) skew(-3deg);border-radius: 4px;margin-left:4px;}
    
    .RspMarginTop0{margin-top:0 !important;}
    .RespMarginTop10 {margin-top: 10px !important;}    
    .RspMarginBottom0{margin-bottom:0 !important;}
    .RespMarginBottom5 {margin-bottom: 5px !important;}

    .RespPaddingTop10{padding-top:10px !important;}
    

    .Custarrow {display: inline-block;font-size: 2.5px;width: 4em;height: 4em;}
    .Custarrow.right {transform: rotate(42deg) skew(-3deg);border-radius: 4px;margin-right:4px;}
    .Custarrow.left {transform: rotate(224deg) skew(-3deg);border-radius: 4px;margin-left:4px;}

    .CustBorderTitle>label>i.arrow {display: inline-block;font-size: 2.5px;width: 4em;height: 4em;}
    .CustBorderTitle>label>i.arrow.right {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(42deg) skew(-3deg);border-radius: 4px;margin-right:4px;}
    .CustBorderTitle>label>i.arrow.left {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(224deg) skew(-3deg);border-radius: 4px;margin-left:4px;}
    .OuterCircle{padding:0;margin:2px 0 0 0;/*float:left;*/text-align:center;}
    .OuterCircle>.InnerCircle::before{content: '';position: absolute;top: 3px;left: -1.5em;width: 1.4em;height: 0.2em;}

    .OuterCirclePar{padding:0;margin:4px 5px 0 0;/*float:left;*/text-align:center;}
    .OuterCirclePar>.InnerCirclePar::before{content: '';position: absolute;top: 2px;left: -1.3em;width: 1.2em;height: 0.2em;}
    .StrikeOutLine{text-decoration: line-through !important;}
}
@media (max-width: 480px) { 
    /*START - FIXED LAST COLUMN*/
    .FixedFirstColumn > thead > tr > th:first-child {position: absolute;display: inline-block;left: 15px;margin: 0 !important;}
    .FixedFirstColumn > tbody > tr > td:first-child {position: absolute;display: inline-block;left: 15px;margin: 0 !important;padding-bottom: 2px !important;background-color: #f5f5f5 !important;}
    .FixedFirstColumn > thead > tr > th:nth-child(3) {padding-left: 50px !important;}
    .FixedFirstColumn > tbody > tr > td:nth-child(3) {padding-left: 50px !important;}
    /*END - FIXED LAST COLUMN*/
    .HiddenTktSelection {display: none;}
    .HiddenPaxInfo {display: none;}
    .HiddenPayStatus {display: none;}
    .Hiddenxs {display: none !important;}
    .show-xs {display: block !important;}
    .RespMarginBottom10 {margin-bottom: 10px;}
    .RespTextCenter {text-align: center !important;}
    .RespTextLeft {text-align: left !important;}
    .RespTextRight {text-align: right !important;}
    .RespWidth100P {width: 100% !important;}
    .RespPaddRight0 {padding-right: 0 !important;}
    .CustRadio {position: relative;float: left;clear: left;display: block;padding-left: 27px;margin-bottom: 5px;line-height: 19px;line-height: 20px;font-size: 18px;color: #666;cursor: pointer;right: 0;}

    .bootstrap-select.btn-group .dropdown-menu {margin-top: -34px;}
    .SwapJourney {margin-top: 20px;right: 20px;}
    .datepicker-dropdown.datepicker-orient-bottom:before {top: -7px;display: none;}
    .datepicker-dropdown.datepicker-orient-bottom:after {top: -6px;display: none;}
    .table-condensed {width: 100%; border-collapse: separate; border-spacing: 2px;/*font-size: 18px;*/}
    /*.datepicker.dropdown-menu {top: 0 !important;left: 0 !important;width: 100%;height: 100%;z-index: 1111;}*/
    .datepicker.dropdown-menu {left: 0 !important;width: 95%;z-index: 1111;margin: 10px;border: 2px solid #808080;}
    .RspNoPad {padding: 0 !important;}
    .RspPadding10 {padding: 10px !important;}
    .RspFontSize12 {font-size: 12px !important;}
    .RspFontSize14 {font-size: 14px !important;}
    .RspFontSize16 {font-size: 16px !important;}
    .RspFontSize18 {font-size: 18px !important;}
    .RspFontSize20 {font-size: 20px !important;}
    .RspFontSize30 {font-size: 30px !important;}
    .LineOnSides {width: 40%;text-align: center;/*line-height: 0em;*/margin: 10px 0 0px 0;padding-bottom: 3px;}
    .LineOnSides span {padding: 0 5px;}
    
    .TMBoxActive {/*background-image: url('../images/CheckTicket.png');background-repeat: no-repeat;background-position-x: 5px;background-position-y: 5px;*/padding-top: 25px !important;}
    .TMBoxActive::before{content: "\00a0";display: block;border-radius: 9px;-moz-border-radius: 9px;-webkit-border-radius: 9px;height: 0;width: 0;position: absolute;left: 4px;top: 4px;}
    .TMBoxActive::after{content: "\00a0";display: block;width: 6px;height: 10px;border-width: 0 2px 2px 0;position: absolute;left: 9px;top: 7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
    .form .form-body, .portlet-form .form-body {padding: 10px;}
    .RespMarginTopM5{margin-top:-5px !important;}
    .RespMarginTopM10{margin-top:-10px !important;}
    .RespMarginTopM30{margin-top:-30px !important;}
    .CustBorderTitle{margin-bottom: 10px;border-bottom: 3px solid #505050;}
    .CustBorderTitle>span>i.arrow {display: inline-block;font-size: 2.5px;width: 4em;height: 4em;}
    .CustBorderTitle>span>i.arrow.right {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(42deg) skew(-3deg);border-radius: 4px;margin-right:4px;}
    .CustBorderTitle>span>i.arrow.left {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(224deg) skew(-3deg);border-radius: 4px;margin-left:4px;}
    
    .RspMarginTop0{margin-top:0 !important;}
    .RespMarginTop10 {margin-top: 10px !important;}    
    .RspMarginBottom0{margin-bottom:0 !important;}
    .RespMarginBottom5 {margin-bottom: 5px !important;}

    .RespPaddingTop10{padding-top:10px !important;}

    .Custarrow {display: inline-block;font-size: 2.5px;width: 4em;height: 4em;}
    .Custarrow.right {transform: rotate(42deg) skew(-3deg);border-radius: 4px;margin-right:4px;}
    .Custarrow.left {transform: rotate(224deg) skew(-3deg);border-radius: 4px;margin-left:4px;}

    .CustBorderTitle>label>i.arrow {display: inline-block;font-size: 2.5px;width: 4em;height: 4em;}
    .CustBorderTitle>label>i.arrow.right {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(42deg) skew(-3deg);border-radius: 4px;margin-right:4px;}
    .CustBorderTitle>label>i.arrow.left {border-top: 4px solid #007efc;border-right: 4px solid #007efc;transform: rotate(224deg) skew(-3deg);border-radius: 4px;margin-left:4px;}
    .OuterCircle{padding:0;margin:2px 0 0 0;/*float:left;*/text-align:center;}
    .OuterCircle>.InnerCircle::before{content: '';position: absolute;top: 3px;left: -1.5em;width: 1.4em;height: 0.2em;}

    .OuterCirclePar{padding:0;margin:4px 5px 0 0;/*float:left;*/text-align:center;}
    .OuterCirclePar>.InnerCirclePar::before{content: '';position: absolute;top: 2px;left: -1.3em;width: 1.2em;height: 0.2em;}
    .StrikeOutLine{text-decoration: line-through !important;}
}
/*END - FOR TEMPLATE 1 DESIGN*/