/*================================================================ 767 ==============================================================*/ 

.careticon {  border-radius: 5px; cursor: pointer; float: left; height: 40px; padding: 5px; width: 45px; display:none;}
.careticon span{width:100%; border-radius:5px; height:4px; margin: 3px 0 2px; float:left;}
.overflow{overflow:hidden;}
.navbg, .filterrow, .resltedit, .logomobile>a>img{display:none;}

@media screen and (max-width:767px)
{
/*----------------default page------------------*/
*{box-sizing: border-box;}
.tfl_adminpanel{  border: 0 none !important; margin: 0 !important; width: 100% !important;}
.tflLogo,  .tfl_admindata p, .tfl_admindata p label, .tfl_admindata p code{width:100% !important;}
.tflLogo{text-align:center;float:left;}
.tflLogo img{width:100% !important; max-width:320px;}
.tfl_admindata{padding:0 !important;}
.tfl_admindata p code{padding:0;}
.tfl_admindata p code input{width:100%; padding:8px;}
/*----------------default page------------------*/
.logomobile{display:none; padding:15px; min-height:80px;}
.logomobile, .careticon, .logomobile>a>img{display:block;}
.logomobile>a>img{width:100%;}
/*--navigation--*/
.top-bar{position:absolute; left:0; top:0; border-radius:0;  width:80%; max-width:450px; height:100%; display:none; z-index: 110;}
.topnavigation{ overflow-y:auto; height:100vh;}
.topnavigation > li{border-right:0;}
.topnavigation > li, .topnavigation > li a{display:block; }
.topnavigation > li:first-of-type > a{border-radius:0;}
.topnavigation > li a{border-bottom:1px solid #423b38;}
.topnavigation > li a span{display:none;}
.subnav, .subnavnew, .subnavnewAdmin{position:static; float:left;  -min-width: 100%; width: 100%; max-width:100%; border:0; border-radius:0; box-shadow:none;}
.subnav{padding:0;}
.subnavlist { border-left: 0 none; float: left; list-style: outside none none; padding: 0; width: 100%;}
.subnavlistnewAdmin{width: 100%; border-left:0; float:left;}
.subnavlistnew{width:100%;}
.newHeaderBg{ min-height:initial;}
.comonwidth, .mainfrm_left, .frmleft, .frmright{width:100%;}
.frmleft, .frmright{margin-left:0;}
.inputsearch, .selectfull, .inputcal{width:60%;}
.mainfrm_right, .notificationstrip span:nth-child(1), .notificationstrip span:nth-child(2), 
.bookingcount, .notification, .help-tip, .switchbtn{display:none;}
.headerlogo{width:100%;text-align:center;}
.header_right{width:100%; float:left;}
.headerlogo img{max-width:initial; height:auto;}
.headerlist{padding:0; width:80%;}
.childbox>label{width:100% !important;}
[data-title]::after{right:0;}
.agenlitpop { left: 10px;  margin-left: 0; position: absolute; width: 94%; max-height:450px;}
.poprow label {margin-bottom: 6px; width: 100%;}
.poprow input.agentinput{width:72%;}
.notificationstrip{text-align:center; width:100%; border-radius:0; font-size: 3.4vmin;}
.notificationstrip span{float:inherit; display: inline-block; margin-left:5px;}
.frmrow{padding:5px 0;}
.frmleft > label{width:40%;}
.frmleft, .frmright{padding-bottom:8px;}
.inputcal, .fltinptcal{margin-right:0;}
.roombox{width:101%; margin: 0 0 8px;}
.roombox label{width:40%;}
.adltchld_box{width:60%;}
.adltchld_box .adltbox:last-child{margin-right:0;}
.adltbox{width: calc(100% / 2 - 5px);}
.child_box { background: #fff none repeat scroll 0 0; float: left; margin-left: 0; margin-top: 5px; padding:5px; width: 100%;}
.filterbox_in .fltrrow:last-of-type{display:none;}
.filterbox{margin:0 0 15px;}
.htlroom{margin-top:0;}
.paxDtsPanel{width: 93%;}
/*jquery ui*/
.ui-autocomplete, .ui-datepicker{right: 15px !important; left: auto !important;}
.ui-datepicker{width:17em !important;}
.ui-datepicker-multi-2 .ui-datepicker-group{width:100% !important;}
.ui-datepicker-multi .ui-datepicker-group table {width: 100%!important; margin: 0!important;}
/*---hotel search processing ---*/
.serchpop{width:100%; max-width:650px;}

/*hotel result page*/
.notificationstrip{margin-bottom:0;}
.filterbox h2, .noresultbox h2, .modifysearch{margin-top:0;}
.modifysearch{padding-top:8px;}
.midbox{margin-top:0; padding:8px;}
.breadcrumbs, .shortbox, .searchtopleft, .searchtopright, .lftmap, .htldescription p{display:none;}

#Filter{display:none; position:fixed; left:0; top:0; z-index:100; height:100%; width:100%; overflow:auto; background:#fff;}
.iconfilter{margin:5px;}
.resultcontainer .shortbox:first-of-type, .shorting li:first-child, a.shortmap{display:none;}
.shorting li:first-child, .shorting li{padding:0;}
.shorting li a{padding:7px 14px;}

.resultcontainer, .htldtl, .filterbox{width:100%;}
.htldtl{margin-top:8px;}
.htlimg{width:100%; height:80px;}
.adltbox>label, .noresultbox p{width:100%;}
.adltbox:last-of-type{margin-right:0;}
.htldescription{width:59%;}
.htlprice{max-width:41%;}
.htlprice small, .d_dup, .topfilterbox{display:none;}
#sButton .btn{width:100%; font-size:15px; padding:10px;}
.mdfyselectroom{width: 58%;}
.popclose {border-radius: 0; box-shadow: none; right: 11px; top: 13px; width: 23px; padding: 3px;}
#sButton{text-align:center;}
.or{float:none; margin:8px;}
.footerrow, .midbox{border-radius:0;}
.hotelsource{float:left; padding-bottom:15px; width:100%;}
.sourcelabel{width:50%;}
.top-bar>.careticon{border:none; margin-left: 99%; position: absolute;}
.top-bar>.careticon span:first-child{margin-top: 12px; transform: rotate(45deg); background:#fff;}
.top-bar>.careticon span:last-child{margin-top: -5px; transform:rotate(-45deg);  background:#fff;}
.htlprice b{float:right; margin-bottom:8px;}
.poprow>label:blank{display:none;}
.map{width: 100%; margin-left: -50%; position:fixed; margin:0; height:100%; overflow:auto; border-radius:0; left:0; top:0; width: 320px;}
.hotelmap{width:97%; height:100%;}
.btnsmall{padding:5px 10px;}
.star{margin-left:0;}
.mdheading a{width:100%; float:left;}
.basicratepopup, .basicemailpopup, .popup_canc{left:0; top:0; width:100%; height:100%; margin:0; position:fixed; overflow:auto; border-radius:0;}
.poprow label:empty{display:none !important;}

.resultcontainer{padding-bottom:25px;}
.sortrbtn, .fltrbtn {background: #ef8824 none repeat scroll 0 0; color: #fff; font-size: 16px; padding: 5px 15px; position: fixed; cursor:pointer;text-align: center; width: calc(100% / 2 - 1px);}
.sortrbtn {left: 0; bottom: -50px; margin-right:2px;}
.fltrbtn{right: 0; bottom: -50px; margin-right:0;}

/*ddup*/
.hotelname{font-size:15px;}
.newtab_listing li, .paxdtl_boxr, .hoteldtlbox{width:100%;}
.newtab_listing li span{margin:5px 0 0;}
.newtabbtl_box{padding:0;}
.newtabbtl_box p{line-height:20px; text-align:justify;}
.newtab_nav li{width:48%; margin-bottom:8px;}
.newtab_table td{width:50%; float:left;}
.newtab_table>tbody>tr>td:first-of-type{width:100%; }
.newtab_table>tbody>tr>td:last-of-type, .newtabcancldate{text-align:right;}
.newtabtype, .newtabroom{width:32%;}
.newtabcancldate{width:20%;}
.hotelname_tab{display:block;}
.canc_popup{width:100%; left:0;}
.newtab_table+.newtab_table>tbody>tr>td{float:none;}
.dduprow {position: initial;}
.markup{width:100%; left:0; right:0; margin:auto; overflow:auto;}
.copywrite, .power{width:100%; text-align:center; padding:5px 0;}
.markup tr th, .markup tr td{float:none;} 
#jssor_1{width:100% !important;}  
.paxdtl_boxr .btnsmall, .newtab_nav li{padding: 5px 6px;}
.paxdtl_boxr .btnsmall{float:left;}
.newtabhtlnamebox, .newtabhtlpricebox{width:100%; padding:5px;}
.roomsgroupwarning{width:100%; text-align:center;}
.btnsingalroom{margin-top:8px; display:block;}


/*pax details page*/
.title input[type="text"]{top:-11px; width:auto;}
input[type="text"], input[type="password"], select{padding:8px;}
.paxdtl_box, .htlleftbig, .htlrightbig, .pglist select, .slect_title, .databox{width:100%;}
.newtabcity{width:100%; margin:3px 0;}
.newtabcheckin { width: calc(100% / 2 - 2px); font-size:11px;}
.newtabcheckin:nth-child(2){margin-right:0;}
.htlleftbig{padding:0;}
.paxbox{padding:8px;}
.paxbox h3{padding: 5px 0;}
.frm_boxl, .termsbox{width:100%; padding:5px;}
.twoinput {width:100%; margin-top:5px;}
.newtabbtl_box h2, .pglist{padding:8px;}
input[type="checkbox"] { margin: 3px 5px 0 0;}
.pglist small{padding:8px; width:100%; float:left;}
.btn{font-size:13px;}
.frmrow > label{width:100%; padding-bottom:5px;}
.searchagentpop,.processpop{width:100%; left:0;}
.dtlbox{width:60%; word-wrap:break-word;}

.filterrow{display:block;}
.dtlheading a{float:left;}

/*turbosearch*/
.turbohtlname{width:100%;}
.turbohtlstar{float:left; padding-left:0; padding-top:5px;}
.turbohotel{width:60%;}
.turbohtlprice{width:40%; padding-right:0;}
.turbohtlprice + .btnsmall{width:100%; margin-top:5px;}
#filterDivId{padding:5px;}

/*booking confirmation*/
.voucher_btlbox{margin:0;}
.paxdtl_boxr{float:left; margin-top:10; text-align:left;}
.paxbox h3{padding:5px;}
#printIcon a {width: calc(100% / 3 - 10px); float:left; margin-top:5px;margin-left: 10px;}
.btnrow .btnsmall {width: calc(100% / 2 - 15px); margin-bottom:8px;}
.voucher_btlbox .paxdtl_boxr:last-child{margin-top:10px;}
#BHContainer{display:none;}


/*-----------------------flight search-------------------*/

.addicon { margin-left: -20px; margin-top: 45px;}
.editicon{float:right;}
.popclose{padding:0;}

.multicityrow{margin-top:25px; padding:8px !important;}
.searchtab{margin: 8px 0 15px;}
.flgt_muticitybox{width:50%; padding:5px 0;}
.flftmltcty_datetime{width:100%;}
.multicityrow label {background: #f7f7f7 none repeat scroll 0 0; margin-top: 6px; padding: 3px 5px; width: 100%;}


.tabicon, .popcountrylist label{display:none;}
.searchtab{ width:100%;}
.searchtab li a{ width:100%; text-align:center;}
.searchtab li{ width:33.3%; text-align:center; padding: 6px 0px;}
input.focus_effect, select.focus_effect, textarea.focus_effect{ padding: 16px 14px 4px 34px !important;}
.PreffTimePad input.focus_effect, .PreffTimePad select.focus_effect, .PreffTimePad textarea.focus_effect { padding-left: 31px !important;}
.focus_effect:focus + label > span, .focus_effect.validate + label > span, .focus_effect:focus:invalid + label > span{ left: 21px;}
.inputIcon{ margin-left: 0px; width:30px;}
.swArrow{ position: inherit; display: inline-block; right: inherit; top: inherit;  margin: 2px 0 2px 46%; transform: rotate(90deg);}
.swArrow span::after{display:none;}
.searchtab li:nth-child(2n+2){margin-right:0;}
.inputdesti, .htlroomsel, .inputnight{width:60%;}
.fltinptcal { width: calc(37% - 5px);}
.flgt_time{width:23%; margin-left:5px;}
.roombox label, .fltrslttimerow{width:100%;}
.flightadltbox{width:33.33%;}
.flightadltbox select{width:98%;}
#Search{width:100%; padding:10px; font-size:16px;}
.btnsmall{padding:8px 10px;}
.resultcontainer{margin-top:8px;}
.flightname{display:none;}
.flgtlogobox{width:45px; height:40px; padding:5px;}
.destdltbox{width:78%;}
.flgtdtl{width:100%; padding-right:0;}
.flgtprice{width:100%; padding:5px 0; margin:8px 0;}
.flgtname small{display:none;}
.prefprice span+span{display:none;}
.flgtdestbox{padding-left:5px;}
.tourcodepop{position:fixed; left:0; top:0; margin:0; height:100%; width:100%;}
.flgtpsngr{margin-top:0;}

.fltrslttimerow, .flgtdtlrow label{display:none;}
[data-title="Travel Time"], .mobfltrclose{display:inline-block;}
.shorting li:nth-child(2){border-left:0;}
.shorting li:nth-child(4){border-right:0;}
.sortmob{margin-top:8px;}
.flgtprice .btnsmall { padding: 8px 10px; width:90%;}
.domresultleft, .domresultright{width:100%;}
.domselbox{width:50%; position:relative; }
.domselbox + .domselbox{border-left:1px dashed #e7e7e7;}
.resltedit{position: absolute;  right: 5px; top: 8px;}
.filter_headicon{display:none;}
.domtopdtlbox{width:40%;}
.baggegdtl{width:100%;}
.mrwp{padding-bottom: 5px;}
.mrwdrg{width:100%; float:left; padding-top:5px;}

.paxboxmain{width: 100%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.buttonbox, .seachdesti{width:100%;}
.depdate, .returndate {width: 50%;}
.search_heading{margin-top: 21%; margin-left:15px;}
.searchicon{margin-top:5px;}
/*New css added by baliram*/
.srchMInputRow{ margin: 2px 0;}
.mulitActionbtn{padding: 2px 11px;text-align: right; width: 100%;}
.mainfrm_right{ width:100%;}
.mainfrm_right img{float:left; width:50%; padding:2px;}
.searchByMap{ margin-top:8px;}
.orHotel{ margin-top: 15px;}
.paxReviewRow{ padding:0px; width:100%; min-height:initial; margin:10px 0;}
.ratebreakuppopup{max-width:100%;}
.amexMemberCard label{ width:30%; margin-right:1px;}
.amexMemberCard img{ max-width:98%;}
.stickyHeader{ position:inherit;}
.viewQuoCart{ padding:0 20px 0 10px !important;}
.headerlogo{display:none;}
}

    
    
/*================================================================ 768 - 991 ==============================================================*/    
@media screen and (min-width:768px) and (max-width:991px)
{
.comonwidth{width:100%;}
.moboverflow{float:left; width:100%; overflow:auto;}
/*----------------default page------------------*/
*{box-sizing: border-box;}
.tfl_adminpanel{  border: 0 none !important; margin: 0 !important; width: 100% !important;}
.tflLogo,  .tfl_admindata p, .tfl_admindata p label, .tfl_admindata p code{width:100% !important;}
.tflLogo{text-align:center;float:left;}
.tflLogo img{width:100% !important; max-width:320px;}
.tfl_admindata{padding:0 !important;}
.tfl_admindata p code{padding:0;}
.tfl_admindata p code input{width:100%; padding:8px;}
/*----------------default page------------------*/
.logomobile, .careticon{display:block;}
/*--navigation--*/
.top-bar{position:absolute; left:0; top:0; border-radius:0;  width:80%; max-width:450px; height:100%; display:none; z-index: 110;}
.topnavigation{ overflow-y:auto; height:100%;}
.topnavigation > li{border-right:0;}
.topnavigation > li, .topnavigation > li a{display:block; }
.topnavigation > li:first-of-type > a{border-radius:0;}
.topnavigation > li a{border-bottom:1px solid #666; border-top:1px solid #888;}
.topnavigation > li a span{display:none;}
.subnav, .subnavnew, .subnavnewAdmin{position:static; float:left;  -min-width: 100%; width: 100%; max-width:100%; border:0; border-radius:0; box-shadow:none;}
.subnav{padding:0;}
.subnavlist { border-left: 0 none; float: left; list-style: outside none none; padding: 0; width: 100%;}
.subnavlistnewAdmin{width: 100%; border-left:0; float:left;}
.subnavlistnew{width:100%;}
.comonwidth, .mainfrm_left{width:100%;}
.inputsearch, .selectfull, .inputcal{width:60%;}
.headerlogo{width:100%;text-align:center;}
.newHeaderBg{ min-height:initial;}
.header_right{width:100%; float:left;}
.headerlogo img{max-width:initial; height:auto;}
.headerlist{padding:0; width:80%;}
.childbox>label{width:100% !important;}
[data-title]::after{right:0;}
.agenlitpop { left: 10px;  margin-left: 0; position: absolute; width: 94%;}
.poprow label {margin-bottom: 6px; width: 100%;}
.poprow input.agentinput{width:67%;}
.notificationstrip{text-align:center; width:100%; border-radius:0; font-size: 2vmin;}
.notificationstrip span{float:inherit; display: inline-block; margin-left:5px;}
.frmrow{padding:8px 0;}
.frmleft > label{width:40%;}
.frmleft, .frmright{padding-bottom:8px;}
.inputcal, .fltinptcal{margin-right:0;}
.roombox{width:100%; margin: 0 0 8px;}
.roombox label{width:18.3%;}
.adltchld_box{width:60%;}
.adltchld_box .adltbox:last-child{margin-right:0;}
.adltbox{width: calc(100% / 2 - 5px);}
.child_box { background: #fff none repeat scroll 0 0; float: left; margin-left: 0; margin-top: 5px; padding:5px; width: 100%;}
.switchbtn{display:none;}
.popcountrylist label{float:left; width:100%;}
/*---hotel search processing ---*/
.serchpop{width:100%; max-width:650px;}
/*hotel result page*/
.notificationstrip{margin-bottom:0;}
.filterbox h2, .noresultbox h2, .modifysearch{margin-top:0;}
.modifysearch{padding-top:8px;}
.midbox{margin-top:0; padding:8px;}
.breadcrumbs,.searchtopleft, .searchtopright, .lftmap{display:none;}

#Filter{display:none; position:fixed; left:0; top:0; z-index:100; height:100%; width:100%; overflow:auto; background:#fff;}
.searchicon{margin-top:9px; margin-left:-25px !important;}
.iconfilter{margin:5px;}
.shorting li:first-child{display:none;}
.shorting li:first-child, .shorting li{padding:0;}
.shorting li a{padding:7px 14px;}
.filterbox_in frmrow{margin-top:5px;}

.resultcontainer,.filterbox{width:100%;}
.htldtl{width:calc(100% - 165px);}
.htlimg{width:150px; height:100px;}
.adltbox>label, .noresultbox p{width:100%;}
.poprow input[type="text"]{width:80%;}
.adltbox:last-of-type{margin-right:0;}
.htldescription{width:70%;}
.htlprice{max-width:41%;}
.htlprice small, .d_dup{display:none;}
#sButton .btn{width:100%; font-size:3vmin; padding:10px;}
.mdfyselectroom{width: 58%;}
.map {width: 100%; margin-left: -50%; position:fixed; margin:0; height:100%; overflow:auto; border-radius:0; left:0; top:0;}
.popclose {border-radius: 0;box-shadow:none; right: 0; top: 0; width: 23px;}
#sButton{text-align:center;}
.or{float:inherit;}
.footerrow, .midbox{border-radius:0;}
.hotelsource{float:left; padding-bottom:15px; width:100%;}
.hotelsource label{width:50%;}
.top-bar>.careticon{border:none; margin-left: 99%; position: absolute;}
.top-bar>.careticon span:first-child{margin-top: 12px; transform: rotate(45deg); background:#fff;}
.top-bar>.careticon span:last-child{margin-top: -5px; transform:rotate(-45deg);  background:#fff;}
.htlprice b{float:right; margin-bottom:8px;}
.poprow>label:blank{display:none;}
.hotelmap{width:97%; height:100%;}
.btnsmall{padding:5px 10px;}
.star{margin-left:0;}
.mdheading a{width:100%; float:left;}
.basicratepopup, .popup_canc{left:0; top:0; width:100%; height:100%; margin:0; position:fixed; overflow:auto; border-radius:0;}
.poprow label:empty{display:none !important;}
.resultcontainer{padding-bottom:25px;}
.sortrbtn, .fltrbtn {background: #ef8824 none repeat scroll 0 0; color: #fff; font-size: 16px; padding: 5px 15px; position: fixed; cursor:pointer; text-align: center; width: calc(100% / 2 - 1px);}
.sortrbtn {left: 0; bottom: -50px; margin-right:2px;}
.fltrbtn{right: 0; bottom: -50px; margin-right:0;}
.flgtprice{margin:15px 10px;}

/*ddup*/
.hotelname{font-size:15px;}
.hotelname + div .newtabcheckin {margin-top:5px;}
.hotelname + div .newtabcity{margin:5px 0 0 5px;}
.newtab_listing li span{margin:0;}
.newtabbtl_box{padding:0;}
.newtabbtl_box p{line-height:20px; text-align:justify;}
.newtab_table>tbody>tr>td:first-of-type{float:left; }
.newtab_listing{line-height:25px;}
.canc_popup{width:100%; left:0;}
.newtab_table+.newtab_table>tbody>tr>td{float:none;}
.dduprow {position: initial;}
.markup{width:100%; left:0; right:0; margin:auto; overflow:auto;}
.copywrite, .power{width:100%; text-align:center; padding:5px 0;}
.markup tr th, .markup tr td{float:none;} 
#jssor_1{width:100% !important;}  
.paxdtl_boxr .btnsmall{float:left;}
.newtabhtlnamebox, .newtabhtlpricebox{padding:5px;}
.hoteldtlbox{width:60%;}


/*pax details page*/
.title input[type="text"]{top:-11px; width:auto;}
input[type="text"], input[type="password"], select{padding:8px;}
.htlleftbig, .htlrightbig, .pglist select, .slect_title, .databox{width:100%;}
.paxdtl_boxr{width:auto;}
.newtabcheckin:nth-child(2){margin-right:0;}
.htlleftbig{padding:0;}
.paxbox, .termsbox{padding:8px;}
.paxbox h3{padding: 5px;}
.frm_boxl{width:50%; padding:5px;}

.twoinput {width:100%; margin-top:5px;}
.newtabbtl_box h2, .pglist{padding:8px;}
input[type="checkbox"] { margin: 3px 5px 0 0;}
.pglist small{padding:8px; width:100%; float:left;}
.frmrow > label{width:100%; padding-bottom:5px;}
.searchagentpop,.processpop{width:100%; left:0;}
.dtlbox{width:60%; word-wrap:break-word;}  

.filterrow{display:block;}
#filterDivId{padding:5px;}
.bkngdtl{width:35%;}

/*---------------flight-----------------------*/
.inputdesti{width:60%;}
.fltinptcal{width: calc(36% - 5px); margin-right:5px;}
.htlroomsel, .flightadltbox label{width:35%;}
.flightadltbox{width:27%;}
.class{width:38%;}
[data-title="Travel Time"], .mobfltrclose{display:inline-block;}
.shorting li:nth-child(2){border-left:0;}
.shorting li:nth-child(4){border-right:0;}
.domselbox + .domselbox{border-left:1px dashed #e7e7e7;}
.resltedit{position: absolute;  right: 5px; top: 8px;}
.filter_headicon{display:none;}
.domresultleft .shortbox, .domresultright .shortbox{display:block !important;}
.shorting li:first-child, .shorting li { padding:auto  !important;}
.fqbox{width:100%;}
.mobfiltericon{margin-top:-33px;}
.mainfrm_right{ width:100%;}
.mainfrm_right img{float:left; width:50%; padding:2px;}
}
 
 
    
/*================================================================ 768 - 991 ==============================================================*/    
@media screen and (min-width:992px) and (max-width:1024px)
{
 
.emailpopup{right:15px;}
.notificationstrip{margin:0;}    
.btnsmall{padding:5px 10px;}
.midbox{margin-top:0;}
.comonwidth, .notificationstrip{padding:8px;}
.comonwidth, .notificationstrip{width:100%;}
.newtabcheckin, .newtabcity{margin-top:5px;}
.paxdtl_boxr{width:auto;}
.btn{font-size:12px;}    
.review .frmrow label{width:35%;}
.databox, .dtlbox{width:65%;}
.htlrightbig {width: 28.8%;}
.newHeaderBg{ min-height:initial;}
.class{width:42%;}

    
}