.clr{
	clear:both;
	display:block;
}
.table-responsive {
	overflow: auto;
}

@media screen and (max-width: 1099px) {
    .fix-top-margin {
		width: 92% !important;
		padding: 0px 15px;
		margin-top: -170px;
	}
	 .dt-width {
		width: 92% !important;
	}
	.rightx {
		position: relative !important;
	    margin: 0px 14px;
	}
	.rightxx {
		margin-top: auto !important;
		right: auto !important;
		margin-bottom: auto !important;
		/* height: 244px!important; */
		/* width: 343px; */
		height: unset !important;
		position: relative !important;
	}
	.footer-w {
		width: 100% !important;
	}
	.footer-fb-left {
		padding-left: 0 !important;
	}
	.footer-contect {
		width: 100% !important;
	}
	.footer-c2 {
		width: 100% !important;
	}
	.footer-c3 {
		width: 100% !important;
	}
	.footer-c1 {
		width: 100% !important;
	}
	.footer-title {
		text-align: center;
	}
	.message-index-responsive{
		overflow-x:auto !important;
	}
	.footer-tag {
		overflow: auto !important;
	}
	.job-container-fix {
		-webkit-column-count: 2 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
		 
	}
}

.top-banner-l {
    width: 70%;
    float: left;
}

.top-banner-r {
	width: 30%;
    float: left;
    text-align: right;
}

@media screen and (max-width: 1099px) {
    .top-banner-l {
		width: 100%;
		float: left; 
	}

	.top-banner-r {
		width: 100%;
		float: left;
		text-align: center;
	}
	#css-submenu {
		display:none !important;
	}
	#cssmenu {
		/* width: 100%; */
		margin: auto  !important;
		width: 100%  !important;
		overflow-y: auto !important;
	}
	#cssmenu ul {
		height: 49px;
		clear: both;
		margin: 0;
		padding: 0;
		background-color: #fff !important;
		width: 1100px !important;
	}

	#cssmenu::-webkit-scrollbar {
		width: 10px;   
		background: transparent;  
	}

	 .pmenu-content > .menu-top > .menu-top-w {
	         width: 100% !important;
			padding: 0px 0 30px !important;
	 }
	 .top-logo > img {
		width: 41%  !important;
	}
	.menu-right > a > img { 
		width: 109px   !important;
	}
	.menu-left > a  {
		display: block   !important;
		/* clear: both; */
		margin-left: 38px   !important;
		position: absolute  !important; 
	}
	.menu-left > .menu-call-1 > a  {
		display: block   !important;
	}
	#popup-container_puket {
		margin-top: 25% !important;
    z-index: 100000 !important;
	}

	.hiddens {
		display:none !important;
	}
	.pmenu-content {
	    position: relative !important;
		margin-top: -24px !important;
	}

	.fix-search {
		position: fixed;
		top: 0;
	}

	#cssmenu::before{
		content: "<<";
		position: fixed;
		margin-top: 17px;
		font-size: 12px;
		padding: 0px 2px;
		left: 3px;
		background-color: #fff;
	    z-index: 1000000000;
		-webkit-animation-name: blinker;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
		-webkit-animation-duration: 1.7s;
	}
	
	@-webkit-keyframes blinker {
	  from { opacity: 1.0; }
	  to { opacity: 0.0; }
	}

	#cssmenu::after{
		-webkit-animation-name: blinker;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
		-webkit-animation-duration: 1.7s;
		content: ">>";
		position: fixed;
		margin-top: -32px;
		right: 0px;
		background-color: #fff;
		font-size: 12px;
		padding: 0px 2px;
	    z-index: 1000000000;
	}

	#popup-container_puket {

		width:94% !important;
	}

	#oa_social_login > iframe {
	    width: 150px !important;
		margin-left: -93px !important;
	}

	.bk-job-slide {
		margin-top: 191px !important; 
		min-width: 100% !important; 
	}
	.job-width {
		 width: 100% !important; 
		margin: 30px auto;
	}
	.bk-box-job-head > div {
	          width: 96% !important;
		margin-top: 65px;
		padding: 0px !important;
	}
	.bk-box-job-head .job-btn {
		display: block;
		padding: 7px 8px;
	}
	.box-header-large {
	    font-size: 25px;
		line-height: 27px;
	}
	.oneall_social_login_providers > iframe {
		width: 100% !important; 
	}
	.box-show-header {
		padding: 5px 0 10px;
		margin-bottom: 10px;
	}

	.bxslider-container {
		height:100% !important;
	}

	.#itemsListBox ul li {
		width: 181px  !important;
	}
	.box-show-detail td {
	    width: 100%;
		    display: block;
	}
	.box-show-detail td .viewBox-inline .viewBox {
	 /*      width: 100% !important;
		display: block;
		height: 100% !important;*/
	}
	.box-show-detail td .viewBox {
	       width: 100% !important;
		display: block;
		height: 100% !important;
	}

	.box-show-detail td .viewBox-inline {
	    width: 100% !important;
		display: block;
		height: 100% !important;
	}
	.leftcol,.rightcol  {
		width: 91% !important;
	}
	.hothit table td {
	 width: 100% !important;
		display: block;
		height: 100% !important;
	}
	 .box-show-header-left {
		font-size: 17px;
		width: 76%;
	 }
	 .viewBox > a > div {
		    /*width: 90% !important;*/
	 }
	 .bk-box-job-head{
		padding-bottom: 0px !important;
		 
	 }
	 #itemsListBox ul li {
	 width: 162px !important;
	 }
	.hot-tren:before {
		display:none;
	}

	.fix-andamun-block {
	
	}

	.fix-andamun-block > table > tbody > tr > td {
		    height: 299px;
			overflow: hidden;
	}
	.fix-andamun-block > table > tbody > tr > td .hoverborder > img{
		    height: auto  !important;
	}
	.fix-andamun-block > table > tbody > tr > td > .viewBox {
		overflow: hidden;
	}
	.fix-andamun-block > table > tbody > tr > td > .viewBox > a {
		display:block !important;
		    overflow: hidden;
	}
	.fix-andamun-block > table > tbody > tr > td > .viewBox > a > .undaman-detail {
		     padding: 5px 7px !important;
	}
	.fix-andamun-block > table > tbody > tr > td > .viewBox > a > div {
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
		    padding: 0px !important;
	}
	.fix-andamun-block > table > tbody > tr > td > .viewBox > a > div > #img-crop{
		   width: 100% !important;
		       overflow: hidden;
			   height: 217px !important;
	}
	.fix-andamun-block > table > tbody > tr > td > .viewBox >  .prop-detail-sm {
		background-color: #afc602;
		/* color: #fff; */
		display: flex;

	}
	.fix-andamun-block > table > tbody > tr > td > .viewBox >  .prop-detail-sm > a{
		color: #fff;
		font-size: 18px;
		padding: 0px 10px;
	}

	.fix-secondhome-block > table > tbody > tr > td {
			height: 270px;
			overflow: hidden;
	}
	.fix-secondhome-block > table > tbody > tr > td .hoverborder > img{
			height: auto !important;
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox {
		overflow: hidden;
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox > a {
		display:block !important;
			overflow: hidden;
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox > a > .undaman-detail {
			 padding: 5px 7px !important;
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox > a > div {
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
			padding: 0px !important;
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox > a > .prop-detail {
		    padding: 4px 9px !important;
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox > a > div > #img-crop{
		   width: 100% !important;
			   overflow: hidden;
			   height: 217px !important;
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox >  .prop-detail-sm {
		background-color: #3485bd;
		/* color: #fff; */
		display: flex;
		 
	}
	.fix-secondhome-block > table > tbody > tr > td > .viewBox >  .prop-detail-sm > a{
		color: #fff;
		font-size: 18px;
		padding: 0px 10px;
	}


	.fix-taladonline-block > table > tbody > tr > td {
			height: 291px;
			overflow: hidden;
	}
	.fix-taladonline-block > table > tbody > tr > td .hoverborder > img{
			height: auto  !important;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox {
		overflow: hidden;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox > a {
		display:block !important;
			overflow: hidden;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox > a > .undaman-detail {
			 padding: 5px 7px !important;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox > a > div {
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
			padding: 0px !important;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox > a > .car-detail {
			padding: 4px 9px !important;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox > a > div > #img-crop{
		   width: 100% !important;
			   overflow: hidden;
			   height: 217px !important;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox > a > div > #img-crop > .col_car > img {
		bottom: 0px !important;;
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox >  .prop-detail-sm {
		background-color: #ec0203;
		/* color: #fff; */
		display: flex;
		 
	}
	.fix-taladonline-block > table > tbody > tr > td > .viewBox >  .prop-detail-sm > a{
		color: #fff;
		font-size: 18px;
		padding: 0px 10px;
	}

	.fix-electic-block > table > tbody > tr > td {
		height: 291px;
		overflow: hidden;
	}
	.fix-electic-block > table > tbody > tr > td .hoverborder > img{
			height: auto  !important;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox {
		overflow: hidden;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a {
		display:block !important;
			overflow: hidden;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a > .undaman-detail {
			 padding: 5px 7px !important;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a > div {
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
		padding: 0px !important;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a > .it-detail {
		padding: 4px 9px !important;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a > div > #img-crop{
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a > div > #img-crop > .col_car > img {
		bottom: 0px !important;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a > .tour-detail-sm {
		    background-color: #68C5E8;
		color: #fff;
		padding: 5px 7px !important;
		font-size: 19px;
		display: flex;
		height: 64px !important;
	}
	.fix-electic-block > table > tbody > tr > td > .viewBox > a > .tour-detail-sm > a{
		color: #fff;
		font-size: 18px;
		padding: 0px 10px;
	}

	.fix-saleboat-block > table > tbody > tr > td {
		height: 291px;
		overflow: hidden;
	}
	.fix-saleboat-block > table > tbody > tr > td .hoverborder > img{
		height: auto  !important;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox {
		overflow: hidden;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a {
		display:block !important;
		overflow: hidden;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a > .undaman-detail {
		padding: 5px 7px !important;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a > div {
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
		padding: 0px !important;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a > .tour-detail {
		padding: 4px 9px !important;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a > div > #img-crop{
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a > div > #img-crop > .col_car > img {
		bottom: 0px !important;;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a > .tour-detail-sm {
		background-color: #3B9F61;
		color: #fff;
		padding: 5px 7px !important;
		font-size: 19px;
		display: flex;
	}
	.fix-saleboat-block > table > tbody > tr > td > .viewBox > a > .tour-detail-sm > a{
		color: #fff;
		font-size: 18px;
		padding: 0px 10px;
	}


	.fix-tour-block > table > tbody > tr > td {
		height: 361px;
		overflow: hidden;
	}
	.fix-tour-block > table > tbody > tr > td .hoverborder > img{
		height: 220px !important;
	}
	.fix-tour-block > a > .viewBox {
		overflow: hidden;
	}
	.fix-tour-block > a > .viewBox > div{
		overflow: hidden;
		height: 180px !important;
		width: 100% !important;
	}
	.fix-tour-block > a > .viewBox > a {
		display:block !important;
		overflow: hidden;
	}
	.fix-tour-block > a >  .viewBox > a > .undaman-detail {
		padding: 5px 7px !important;
	}
	.fix-tour-block > a >  .viewBox > a > div {
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
		padding: 0px !important;
	}
	.fix-tour-block > a >  .viewBox > a > .it-detail {
		padding: 4px 9px !important;
	}
	.fix-tour-block > a > .viewBox >  div > #img-crop{
		width: 100% !important;
		overflow: hidden;
		height: 217px !important;
	}
	.fix-tour-block > a > .viewBox >  div > #img-crop > .hoverborder{
	
	}
	.fix-tour-block > a > .viewBox >  div > #img-crop > .hoverborder > img {
	height: auto !important;
	}
	.fix-tour-block > a >  .viewBox > a > div > #img-crop > .col_car > img {
		bottom: 0px !important;;
	}
	.fix-tour-block > a >  .viewBox >  .tour-detail-sm {
		padding: 5px 7px !important;
		display: flex;
		height: 100% !important;
	}
	.fix-tour-block > a >  .viewBox  > .tour-detail-sm > a{
		color: #fff;
		font-size: 18px;
		padding: 0px 10px;
	}

	#frmLogin > table {
		width: 100% !important;
	}
	#creator > table {
		width: 100% !important;
	}

	#creator > table td{
		width: 94% !important;
		display: block;
	}
	#creator > table td #cat{
		width: 100% !important;
	}

	#helpmain {
		overflow: auto;
	}
	.footer-fb,.footer-lv3 {
		width: auto !important;
	}
   #popup-container_puket a[href='http://www.phuketnista.com/index.php?action=login']{
       display: block;
		width: 100%;
		margin-top: -103px !important;
   }
   #popup-container_puket a[href='http://www.phuketnista.com/index.php?action=register']{
       display: block;
		width: 100%;
		margin-top: -79px !important;
   }

   #_model > .mymodal-content {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		border-radius: 0px;
		 top: 0%;
   }
   #_model > .mymodal-content td {
		display: block;
   }
	#_model > .mymodal-content .bk-box-link{
		width: 94%;
		position: relative;
		display: block;
		min-width: 94%;
		max-width: 94%;
	 }
	 #_model > .mymodal-content .bk-box-link > a > .bk-icon {
		padding-left: 0px !important;
	 }

	.top-banner-r > img {
	    height: 100%;
	}


	.fix-news-block {
	
	}
	.fix-news-block > .viewBox {
	
	}
	.fix-news-block > .viewBox > a {
	
	}
	.fix-news-block > .viewBox > #img-crop {
		height: 241px !important;
		    overflow: hidden;
	}
	.fix-news-block > .viewBox > #img-crop > a{
	
	}
	.fix-news-block > .viewBox > #img-crop > .hoverborder{
	overflow: hidden;
	}
	.fix-news-block > .viewBox > #img-crop > .hoverborder img{
	    height: 100% !important;
	}
	.fix-news-block > .viewBox > #img-crop > .hvsubject{
		background: rgb(18, 89, 129) !important;
		height: 44px !important;
	}
	.fix-tded-block > .viewBox {
	
	}
	.fix-tded-block > .viewBox > div {
	
	}
	.fix-tded-block > .viewBox > div > a {
	
	}
	.fix-tded-block > .viewBox > div > a > #img-crop{
	    height: 180px !important;
	}
	.fix-tded-block > .viewBox > div > a > #img-crop > .hoverborder{
	
	}
	.fix-tded-block > .viewBox > div > a > #img-crop > .hoverborder > img {
		height: auto !important;
	}
	 
	.fix-sharepix-block > .viewBox {
	
	}
	.fix-sharepix-block > .viewBox > div {
	
	}
	.fix-sharepix-block > .viewBox > div > {
	
	}
	.fix-sharepix-block > .viewBox > div >  #img-crop{
	    height: auto !important;
	}
	.fix-sharepix-block > .viewBox > div >  #img-crop > .hoverborder{
	
	}

	.fix-sharepix-block > .viewBox > div >  #img-crop > div {
	    }
	.fix-sharepix-block > .viewBox > div >  #img-crop > div > a  {
	     
	}

	.fix-sharepix-block > .viewBox > div >  #img-crop > div > a > img {
		height: auto !important;
	}

	.fix-trip-block {
		
	}
	.fix-trip-block .viewBox   {
		
	}
	.fix-trip-block .viewBox > div   {
		
	}
	.fix-trip-block .viewBox > div > a  {
		
	}
	.fix-trip-block .viewBox > div > a > #img-crop  {
		    height: 185px !important;
	}
	.fix-trip-block .viewBox > div > a > #img-crop > div {
		
	}
	.fix-trip-block .viewBox > div > a > #img-crop > div > img{
		height: auto !important;
	}

	.top-logo img {
		height: auto !important; 
		top: 6px !important;
	}

	#popup-mobile   {
		padding:0px !important;
	}
	#popup-mobile  .container12 {
	    width: 97%;
    /* left: -13px; */
    margin-left: -3px;
	}
	#popup-mobile  .container12 .form-btn {
    width: 89%; 
	overflow: initial;
}
	#popup-mobile .form-btn  {
	
	}

	#popup-mobile .form-btn  .btn-popup-mobile {
	
	}
	.fix-profile-block {
	width: 100%;
    overflow: scroll;
	}
	.fix-profile-block > table {
		width: 100%;
	}
	.fix-profile-block > table td {
	    width: 100% !important;
		float: left;
	}
	.fix-profile-block > table td table{
	    width: 100% !important;
		float: left;
	}
	.catbg, tr.catbg td, .catbg3, tr.catbg3 td {
	    padding-left: 4px;
		padding-right: 0px;
	}
	.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	 padding-left: 4px;
		padding-right: 0px;
	}
	.fix-profile-block > table td.windowbg {
		width: 100% !important;
		float: left;
		padding: 0px 2px;
	}
	.box-show-header-right {

		font-size: 13px !important;
	}
}