body { white-space: normal; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); line-height: 1.4;  margin: 0px;  padding: 0px;  font-weight: normal;  font-family: "HPSimplifiedLight", Arial, sans-serif;overflow-x: hidden; color: #191919;}
html{ scroll-behavior: smooth;}
@font-face {
font-family: 'HPSimplifiedLight';src: url('HPSimplifiedLight.eot');
src: url('HPSimplifiedLight.eot') format('embedded-opentype'), url('HPSimplifiedLight.woff2') format('woff2'), url('HPSimplifiedLight.woff') format('woff'), url('HPSimplifiedLight.ttf') format('truetype'), url('HPSimplifiedLight.svg#HPSimplifiedLight') format('svg');
}
@font-face {
font-family: 'HPSimplifiedRegular';src: url('HPSimplifiedRegular.eot');
src: url('HPSimplifiedRegular.eot') format('embedded-opentype'), url('HPSimplifiedRegular.woff2') format('woff2'), url('HPSimplifiedRegular.woff') format('woff'), url('HPSimplifiedRegular.ttf') format('truetype'), url('HPSimplifiedRegular.svg#HPSimplifiedRegular') format('svg');
}
@font-face {
font-family: "HPSimplifiedLight";font-style: normal;font-weight: normal;
src: url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-woff.woff") format("-woff.woff"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-ttf.ttf") format("truetype");
}


*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{padding: 0px; margin: 0px;}
a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}
a, img {text-decoration: none;outline: none;}
ul{margin:0;padding:0;list-style:none;}

h1{font-size: calc(22px + (44 - 22) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h2{font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}

/*btn 05 may*/
img{ max-width: 100%; }
.btnPrimary{ display: inline-block;}
.btnPrimary a{color: #FFFFFF;background-color: #f07424; border: 1px solid #f07424; line-height: 32px;padding: 0 15px; font-size: 16px;    border-radius: 5px; display: block;margin: 1px 0 0;font-family: "HPSimplifiedRegular";-webkit-transition: all .3s ease;  transition: all .3s ease}
.btnPrimary a:hover{background-color: #047ad1;border-color: #047ad1;} 
.ahref{ float: right; margin: 16px 0 0;}
*:hover{ transition: all .5s;outline:0;}

.nadr{position: absolute;bottom: 22px;left: 0;padding: 0 18px;width: 100%; text-align: center;}
.nadr a {min-width: 119px;line-height: 32px;float: left; cursor: default;background-color: #f07424; border: 1px solid #f07424;}
.nadr a.sfr {  cursor: pointer; min-width: inherit; padding: 0 0; margin:  0 0 0 15px; text-align: left; border-radius: 0; line-height: 32px;float: left;color: #2171ac;background-color: #fff;    border: 1px solid transparent;}
.nadr a.ellipsis{ width: calc(50% - 10px);    white-space: nowrap;  text-overflow: ellipsis;   overflow: hidden;}
.nadr a.sfr:hover { border-color: transparent; border-bottom: 1px solid #2171ac;background-color:transparent;}
.nadr a:hover{background-color: #ccc;border-color: #ccc;} 
  .fix br{ display: none;}  
/*btn 05 may*/

.slick-prev {left: -10px;background: url(../images/leftArrow.svg) no-repeat left top;height: 30px;width: 30px; }
.slick-next {right: -10px;background: url(../images/rightArrow.svg) no-repeat left top;height: 30px;width: 30px; }


/*Nav*/
.logo a {font-size: 20px;padding: 0;margin: 23px 0 0;height: auto;font-family: "HPSimplifiedRegular";color: #000;}
.main-nav{z-index: 999;min-height: 70px;float: left;width: 100%;background: rgb(250, 250, 250);box-shadow:0 3px 6px 0 rgb(197 197 197 / 16%);border-bottom: 0px solid #fff;position: absolute;font-family: 'HPSimplifiedRegular';}
nav ul { width: auto;margin: 0 auto; list-style: none; text-align: center; display: table;}
nav ul li {float: left;padding: 0px 15px 0px 15px;vertical-align: middle;position: relative;-webkit-transition: all .3s ease;transition: all .3s ease;}
nav ul li a {border-bottom: 4px solid transparent;padding: 21px 0px 21px 0px;color: #000;text-decoration: none;transition: all 0.2s ease;font-size: 16px;display: block;border-radius: 0px 0px 4px 4px;}
nav ul li a:hover { color: #0171ad;border-bottom: 4px solid rgb(1, 113, 173); }
.dropdown-list {display: none;top: 71px; left: -20px;position: absolute;background-color: #fff;min-width: 204px;box-shadow:0 4px 6px 0 rgba(0,0,0,.2);z-index: 1;}


.main-nav .btn-group {float: right;margin: 0px 0 0;}
a.button.primary {color: #FFFFFF;background-color: #0171ad;line-height: 33px;padding: 0 14px 0 14px;border-radius: 5px;display: inline-block;margin: 12px 0 0 10px; text-align: center;}
.main-nav .btn-group a.button.primary:nth-child(2){ border: 1px solid #0171ad; color: #0171ad; background-color: #fff;}
.main-nav .btn-group a.button.primary:hover{ background-color: #000000;color: #FFFFFF;}

/*Mobile Menu Css*/
.mobile_btn {display: none; z-index: 999; font-size: 19px; margin:19px 0px 5px 0px;}
.mobile_btn a {text-decoration: none; color: #000;}
.btn-open:after { font-size: 24px;margin-left: 10px; color: #000; content: "\f107"; font-family: "FontAwesome"; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;  -o-transition: all .2s linear 0s;  border-radius: 0px;}
.btn-close:after { font-size: 24px; margin-left: 10px; color: #000; content: "\f106"; font-family: "FontAwesome"; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;  -o-transition: all .2s linear 0s;}
.toggle_menu {display: none; position: absolute; top:54px; width: 100%;  z-index: 999; right: 0;height: 100vh;background: rgb(0 0 0 / 49%);  }
.toggle_menu ul{background: #fff;}
.toggle_menu ul li {float: left; width: 100%; text-align: left;}
.toggle_menu ul li a {border-right: 0px; padding: 15px; float: left; width: 100%; border-top: 1px solid #e9e9e9 !important;}
.mobile_btn a.btn-close { margin: 0 0 0;}
.mobile_nav{display: none;}
.blueBtn {
    border-radius: 5px;
    text-align: center;
    color: #fff;
    min-width: 100px;
    color: #FFFFFF;
    background-color: #0171ad;
    border: 1px solid #0171ad;
    line-height: 40px;
    padding: 0 15px;
    font-size: 18px;
    display: block;
    margin: 1px 0 0;
    font-family: "HPSimplifiedRegular";
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*Nav*/

/* slider */
.slider {float: left;position: relative;width: 100%;min-height: 600px;overflow-x: hidden;margin: 70px 0 0;background: url(../images/Desktop_new_hero.jpg) 50% 50% / cover no-repeat scroll rgb(98, 112, 119);}
.slider img.mobile767{ display: none;}
.slider img{ width: 100%;}
.slider .slidefix{ position: absolute; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);  left: 50%;}

.titleName {padding: 0px 3px 0px;max-width: 549px;z-index: 99;border-radius: 10px;}
.titleName h2 {color: #ffffff; float: left;width: 100%;margin: 0 0 5px;}
.titleName p {padding: 0 0 0;color: rgb(255 255 255);font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));float: left;width: 100%;font-family: 'HPSimplifiedLight';}
.titleName h4 {color: #ffffff;float: left;width: 100%;font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));margin: 0 0 0;}
.choosete{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular'; float: left; width: 100%; margin: 12px 0 0;}
.choosete p{ margin: 0;}
sub, sup{ font-size: 62%;}

/* ship ink */
.textdata { float: left; margin: 46px 0 0; text-align: left;}
.textdata h4 {margin: 10px 0 11px;font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300)));  }
p.ttext {  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));  font-family: 'HPSimplifiedRegular';    padding: 31px 0 0;}
.linkked a i{ font-size: 20px;border-radius: 50%;background: rgb(1, 113, 173);color: #fff;line-height: 30px;width: 30px;text-align: center;margin: 0 6px 0 0;}
.linkked a span{ border-bottom:1px solid transparent;font-family: 'HPSimplifiedRegular'; }
.linkked a:hover > span{ border-bottom:1px solid   rgb(1, 113, 173);}
.linkked { margin: 21px 0 0;float: left;width: 100%;}


/* .section4 */
.section4{ width:100%;padding:67px 0 0 0; height: 0; opacity: 0;position: absolute; z-index: -1; left: 0; top: 0;}

.shoSlide,.shoSlide2,.shoSlide3,.shoSlide4 {opacity: 1;height: 100%;position: fixed;width: 100%;z-index: 999;top: 0;left: 0;background: rgb(0 0 0 / 40%);}
.fix {padding: 26px 12px;position: absolute;background-color: #ffffff; margin: auto;max-width: 1280px; width: 100%;top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);  left: 50%;}
.cancel{position: absolute;right: -23px;height: 24px;cursor: pointer;top: -16px;}

.section4 h2{padding:10% 0 0 55px;}
.section4 h3{font-family:"HPSimplified";font-size:24px;line-height:42px;padding-left:55px;}
.tablistin{margin-top:5.5%;}
.tablistin .slick-slide{width:100% !important;cursor:pointer;padding-left:40px;}
.tablistin .slick-slide span{font-family:"HPSimplified";font-size: 20px;line-height: 26px;background:none;width: 100%;color:#000;border-radius:5px 5px 5px 5px;padding:10px 30px 10px 15px;display:inline-block;position:relative;}
.tablistin .slick-current span:before{font-family:'FontAwesome';content:"\f0d9";font-size: 79px;color:#e87722;position:absolute;left: -23px;top: 10px;}
.tablistin .slick-current span{background:#e87722;color:#fff;}
.tablistin .slick-slide p{display:none;padding:10px 0 10px 15px;}
.tablistin .slick-current p{display:block;}
.tablistin{max-width:90%;width:100%;}
.tablistin .slick-track{width: 93% !important}
.tab_info{float:left;width:100%;overflow:hidden;}
.tislide{display:none;}
.tislide h2{padding:0 0 30px;}
.tislide p{padding:15px 0 0 0;}
.tislide p strong{text-transform:uppercase;}

/*modal-body*/
.allmodel .modal-body P{padding: 15PX 0 0 0;}
.allmodel  .modal-body h2{  text-align: center;    padding: 31px 0 56px;}
.allmodel  .close:focus, .close:hover{outline: 0; border: 0;}
.popimt { padding:6px 15px 4px;}
@media screen and (min-width:1400px){
.allmodel .listul {max-width: 295px;display: inline-block;float: none;text-align: left;vertical-align: top;}
.allmodel .dist{text-align: center;}
}
.closetn{ opacity: 1; line-height: 10px;color: #fff;position: absolute;right: 0px;    top: -40px;z-index: 99;background: #f3f3f3 !important;width: 30px;height: 30px;border-radius: 50%;}
img.clmpop{ height: 15px;padding: 0px 0 5px;margin: 4px 0px 0px 0px;} 
/*modal-body*/ 

@media screen and (min-width:992px){
.modal-body{ padding: 14px;  overflow-y: auto;}
.modal-dialog{ margin-top: 50px !important;}
}

/*instendSlide Slider Section CSS*/
.instendSlide{float: left; width: 100%; background: rgb(217, 226, 239); padding: 73px 0 54px;    margin: 80px 0 0;font-size: 14px;}
.instendSlide .slick-slide{padding: 25px 19px;}
.instendSlide .slick-slide img{ width: 100%;}
.instendSlide .slide-item { position: relative;}
.instendSlide .slide-item  .hotext{border-radius: 5px;overflow: hidden; background: #ffffff; padding: 0px 0px 29px 0px; box-shadow:rgb(0 0 0 / 12%) 0px 2px 10px 0px;transition: box-shadow 0.15s ease 0s; position: relative; }
.instendSlide .slide-item .img {position: relative; padding-bottom: 0px;}
.instendSlide .slide-item .img img{ border-radius: 5px 5px 0 0;}
.c-product{color: rgb(255, 255, 255);    background: #e87722;height: 18px;line-height: 18px;padding: 0px 20px;position: absolute;top: 30px;left: 107%;font-size: 14px;text-align: center; border-radius: 9px 9px 0px 0px;transform-origin: 0px 0px;transform: rotate(90deg);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.instendSlide h2{ text-align: center; margin: 0 0 7px;}
.instendSlide .slide-item ul{padding:2px 8px  8px 30px; margin: 0px;list-style: disc; }
.instendSlide .slide-item .price .blue_btn{margin-top: 9px; width: 110px; text-align: center; padding: 0px;}
.content-wrap p.wpte{min-height: inherit;   font-size: 14px;    padding: 0px 15px 12px 15px;}
.instendSlide .content-wrap ul{min-height:inherit;}
.tariffsHei { min-height: 813px;    padding-bottom: 52px;}
.instendSlide .content-wrap ul li{ color: #000; padding-bottom: 5px;   }
.instendSlide .content-wrap h4{padding: 3px 15px 26px  15px;font-size: calc(18px + (23 - 18) * ((100vw - 300px) / (1600 - 300)));}
.taga{ color: #000;   font-size: 14px;    text-decoration: underline;}
/*instendSlide Slider Section CSS*/
a.disabled {  pointer-events: none;  cursor: default;  }

.stay_longer_slider_tab3 .slick-track{ transform: translate3d(0px, 0px, 0px) !important;}
.stay_longer_slider_tab3 .slick-arrow{ display: none !important;}

/*DataTable*/

.datatable{background:#ffffff;   float:left; width:100%; padding:96px 0px 0px 0px; color: #000;}
.datatable h2{ padding: 0 0 27px;}
@media (min-width: 992px){ .datatable .container{width: 961px;} }
.datatable_slider_item .row{margin:0px;}
.datatable strong{ font-size: 16px;font-weight: inherit;  font-family: "HPSimplifiedRegular";}
.datatable .datatable_slider strong{ font-size: 20px;font-weight: inherit;  font-family: "HPSimplifiedRegular";}
.datatable_slider_item .row:first-child strong{ display:inline-block;}
.datatable_slider{ text-align: left;}
.height1t{height:auto;  padding: 11px 0px 23px 16px}
.height_00 {height: 103px;}
.height_01 {height: 144px;}
.height_02 {height: 103px;}
.height_03 {height: 134px;}
.height_04 {height: 88px;}
.height_05 {height: 86px;}
.height_06 {height: 94px;}
.height_07 { height: 94px;}

.ltabl .col-md-12{ padding: 0 10px 0 0;}
.datatable_slider_item.itemNo1 { color: #e87722;  border: 8px solid #e87722; padding: 0 14px;border-radius: 18px;text-align: left; position: relative;}
.datatable_slider_item.itemNo1  .height1t::after{ height: 5px;    width: 106%;    left: -8px;    position: absolute;    bottom: 5px;    content: "";  background-color: #ffffff;}
.datatable_slider_item.itemNo1  .height1t{background: #e87722;}
.datatable_slider_item.itemNo1 p { font-size: 15px;}
.datatable_slider_item.itemNo1 p span{font-family: "HPSimplifiedRegular"; display: block;}
.datatable_slider_item.itemNo1 ul { margin-left: 18px;list-style: disc;font-family: "HPSimplifiedRegular";}
.datatable .datatable_slider_item.itemNo1 .col-md-12 {position: relative;margin: -1px 0; border-bottom: 3px solid #e87722;  padding: 12px 0px 23px 12px;   font-size:16px; }
.datatable .datatable_slider_item.itemNo1 .height1t{  padding: 11px 0px 23px 16px; color: #ffffff;}

.datatable_slider_item.itemNo2 p, .datatable_slider_item.itemNo1  p span,.datatable_slider_item.itemNo1 ul span { font-size: 18px;}
.datatable_slider_item.itemNo2 {border: 8px solid #929292;color: #929292; }
.datatable_slider_item.itemNo2  .height1t{background: #929292;}
.datatable .datatable_slider_item.itemNo2 .col-md-12 {border-bottom: 3px solid #929292;}


.datatable .datatable_slider_item.itemNo1 .height_06:last-child{border-bottom: 3px solid transparent;}
.datatable .slick-initialized .slick-slide{ margin: 0 5px;}
.heightco1{height: 56px;}
.ltabl{ text-align: right;}
.datatable .ltabl strong{text-transform: uppercase;}
.datatable_slider_item .rownew{margin-right: -15px;   margin-left: -15px;}


.datatable_slider .slick-next,.datatable_slider .slick-prev{ top: 44%;  }
.datatable_slider_item p, .litbl, .ltabl strong{ position: absolute;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;}
.ltabl strong{right: 0;}
.col-xs-4 .row,.col-xs-8 .row{margin:0px;}
/*DataTable*/

/*Start Accordion*/
.AccordionBg{ width: 100%; float: left;  background-color: #fff;padding: 89px 0 23px;}
.AccordionBg h2{ padding: 0 0 19px; text-align: center;}

#accordion .card .panel-title a{ display: block; padding: 22px 18px 30px; border-top: 1px solid rgba(0,0,0,.125);    font-family: 'HPSimplifiedRegular';    font-size: 17px;    color: #000;}
#accordion  .card:first-child .panel-default .panel-title a  { border-top: 0; }
#accordion .card  .panel-default > .panel-heading{ padding: 0; background-color: #fff; border: 0;}
#accordion .card .panel-title a i {float: right;font-size: 20px; margin: 0 0px 0 0;}
#accordion  .card .panel{border: 0; background: none; box-shadow: 0 0 0;}
#accordion  .card .panel-default > .panel-heading + .panel-collapse > .panel-body{ background: none;border: 0; padding: 0 18px;  padding-bottom: 10px;}
#accordion  .card .panel-body p{ margin: 0 0 10px; padding: 0 0px;  font-family: 'HPSimplifiedRegular';  font-size: 13px;  }
#accordion  .card .panel-body ul{list-style: disc; margin-left: 15px;}
#accordion  a.printA{ float: left; color: #0091D2; font-family: 'HPSimplifiedRegular';  font-size: 14px;  }
#accordion  a.printA span{  padding: 0 0 3px;}
#accordion  a.printA:hover{ color: #000;}
/*Accordion*/

/*footer CSS*/
.textfooter{background-color: rgb(245, 245, 245);float: left;width: 100%;padding: 47px 0 22px;}
.textfooter .container{padding: 33px 43px 23px;background-color: #fff;}
.textfooter ol{list-style-type: decimal;    margin-left: 12px;}
.textfooter b{font-family: 'HPSimplifiedRegular';}
.textfooter p, .textfooter  li {padding: 2px  0; color: #292929; line-height: 20px; font-family: 'HPSimplifiedRegular';font-size: 12px;    margin: 0 0 10px;}
.textfooter  li {margin:0 0 10px 0px;}
.collapsible-text{margin: 4px 0 33px; color: #000000;  }
.dropClose{cursor: pointer; float: left; width: 100%;border-bottom: 1px solid #929292;    margin: 0 0 29px;}
.dropClose h3{float: left;font-size: 20px; font-family: "HPSimplifiedRegular";}
.dropClose i{float: right;font-size: 22px; font-weight: bolder;}
.dropOpen{ float: left; width: 100%;}
.textfooter p a, .textfooter li a{text-decoration: underline;color: #474747;}
.textfooter p a:hover, .textfooter li a:hover{text-decoration: underline;color: #0077C0;}
.faupDow i.fa.fa-angle-up {  transform: rotate(180deg);}
.btn2in{ margin: 19px 0 16px;}





@media screen and (max-width:1300px){
.slider .slidefix{  -ms-transform: translateY(-50%);    -webkit-transform: translateY(-50%);    transform: translateY(-50%);    left: 20px;}

}
@media screen and (max-width:1100px){
.fix {max-width: 92%;}
}

@media screen and (max-width:1024px) and (min-width:768px){

.stay_longer_slider_tab{float:left;max-width:100%;}
.section4 h2{font-size:28px;line-height:32px;padding:0px;}
.stay_longer_slider_tab .slick-slide span{font-size:18px;line-height:30px;}
.stay_longer_slider_tab .slick-slide p{font-size:14px;}

}
@media only screen and (max-width:992px) {
/* menu*/
nav ul { width: 100%;}
.dropdown-list a:hover {background-color: transparent;}
ul.dropdown-list{background-color: #fff; position: static; width: 100%;  padding:0 19px 0 19px;float: left; box-shadow: 0 0 0 rgba(0,0,0,.2);}
.dropdown-list li a{ border-top: 1px solid transparent !important;}
.toggle_menu ul li .fa{ float: right; font-size: 24px;}
.mobile_btn {display: block;float: left; margin: 15px 0px 5px 0px;}
.main-nav .addmolist{ padding:9px 15px 20px; border-top: 1px solid #e9e9e9}
nav ul li{padding:0px} 
.main-nav  {background: #fff;}
.main-nav .container .col-md-12{padding: 0px;}
.desktop_nav {display: none !important;}
.mobile_nav {display: block !important; width: 100%;}
.mobile_nav a.button.primary{ margin: 12px 0 0 0px;width: 100%;}
.rotedArrow1 i.fa.fa-angle-down, .rotedArrow2 i.fa.fa-angle-down, .rotedArrow3 i.fa.fa-angle-down, .rotedArrow4 i.fa.fa-angle-down {    transform: rotate(180deg);  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);}
.toggle_menu ul li:hover > a,.toggle_menu ul li:active > a{ color: #337ab7;}

.CloseMenu { text-align: center;  padding: 20px 0; height: 100%;}
.CloseMenu:after{ display:none}
.CloseMenu img{cursor: pointer;}
.instendSlide .slick-slide {  padding: 25px 24px 25px 15px;}

}


@media only screen and (max-width:767px) {
.slider { min-height: auto; background: #e47020; }
.titleName{ text-align: left; float: left;padding:28px 0 31px; margin-left: 0px;max-width: 100%;position: static;margin-top: 0;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%);    transform: translateY(0%); }
.titleName p{ padding: 5px 0 3px;}
.slider img.mobile767 { display: block;  width: 100%;}
.titleName h1 { margin:2px 0 2px;}
.slider .slidefix{ left: 15px; margin-left: 0px;max-width: 100%;position: static;margin-top: 0;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%);    transform: translateY(0%); }
.slider .container {   width: 100%;}
.hidet{ display: none;}

.textfooter .container {  padding: 33px 18px 23px;   width: 94%;}
#accordion .card .panel-title a{ font-size: 15px;}
.datatable  .tblr  { padding: 0 2px;}

.desktop_info{display:none;}
.tislide{display:block;width:100%;}
.fix { max-width: 92%;  }
.fix .container{ height: 75vh;  overflow: auto;}
.cancel { right: 2px; top: 2px; height: 32px;}
.slick-dots{bottom: -14px;}
.tislide p { padding: 10px 0 0 0;  margin: 0;}
.tislide p:last-child {  padding: 0px 0 14px  0;}

}


@media only screen and (max-width:620px){
.datatable_slider_item.itemNo2 p, .datatable_slider_item.itemNo1 p span,.datatable_slider_item.itemNo1 ul span {font-size: 15px;}
.height_00 {height: 130px;}
.height_01 {height: 236px;}
.height_02 {height: 145px;}
.height_03 {height: 134px;}
.height_04 {height: 88px;}
.height_05 {height: 86px;}
.height_06 {height: 117px;}
.height_07 { height: 94px;}
.datatable_slider_item.itemNo1{border-width: 3px;overflow: hidden;}
.datatable_slider_item.itemNo1{ padding: 0 7px;}
.datatable_slider_item.itemNo1 p { font-size: 14px;    }
.datatable strong { font-size: 14px;}
#accordion .card .panel-title a i { margin: 0 0px 0 19px;}
.datatable .datatable_slider strong { font-size: 17px;}
.datatable .datatable_slider_item.itemNo1 .height1t { padding: 8px 0px 14px 16px;}
.datatable_slider_item.itemNo1 .height1t::after{ bottom: 1px;}
}