.best-bg{ background:#f3f3f3;}
.best-price{ background:url("/travelresources/Images/best-price1.png") no-repeat; width:35px; height:46px; background-position:1px 1px; margin:0 auto; }
.best-price:hover{ background:url("/travelResources/images/best-price1.png") no-repeat; width:35px; height:46px; background-position:1px -50px; }
.free-cancelation{background:url("/travelResources/images/free-cancelation1.png") no-repeat; width:56px; height:46px; background-position:1px 1px; margin:0 auto;}
.free-cancelation:hover{ background-color:none; background:url("/travelResources/images/free-cancelation1.png") no-repeat; width:56px; height:46px; background-position:1px -55px; margin:0 auto;}
.nav-tabs{ outline:none; color:#5c5c5c;}
.widgetBg{background-size:cover; background:url("/travelResources/images/check-in/banner.jpg"); min-height:273px;} 

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ background-color:none !important; border:none; outline:none;  font-size:14px;   border-top: solid 1px #004765; border-right: solid 1px #004765!important; border-bottom: solid 5px #004765; border-left: solid 1px #004765;
 }
.nav-tabs{ border:none;  font-size:14px;}
.nav-tabs > li > a{ color:#5c5c5c !important; font-size:14px;}
    .nav-tabs > li.active > a {
 font-size:14px !important;    }
.nav-tabs > li.free-cancelation1.active >{ background-color:none; background:none;}
ul.nav-tabs li a {
  color: #ffffff;
  font-size: 14px;
  border: solid 1px #004765;
  border-radius: 0;
  font-weight:bold;
  margin-right:20px;
  margin-top:50px;
}
ul.nav-tabs li a:hover{ background:none !important;  border-top: solid 1px #004765; border-right: solid 1px #004765; border-bottom: solid 5px #004765; border-left: solid 1px #004765;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color:rgba(0,0,0,0) !important;
    color: #004765 !important;
    cursor:pointer;
    font-size:14px;
	
}

.tab-content h5 { color:#3e3b3b;}
.tab-content p { font-size:13px;}
.tab-pane{ padding-top:20px;}

.nav-tabs li.active a div.best-price{ background-position:1px -50px!important}
.nav-tabs li.active a div.free-cancelation{ background-position:1px -55px!important}

.widgetBg h1 {
  color: #ffffff;
  font-family: "Roboto",sans-serif;
  font-size: 50px;
  font-weight: bold !important;
  text-shadow: 0px 2px 2px #000;
  text-transform: uppercase;
}
.widgetBg h2{ font-size:30px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:400;  }
.widgetBg h2 strong{ font-weight:bolder;}
.widgetBg{ padding-top:80px;}

.airline-box{ background:#fff; padding:10px; margin-bottom:30px; box-shadow: 0 3px 1px #c6c6c6;     border-top: solid 1px #E0E0E0;     border-left: solid 1px #E0E0E0;     border-right: solid 1px #E0E0E0;}
.toll-free-checkin{color:#2f2f2f; font-size:20px; line-height:25px;}

.baggage-inf a span{ background:url(../TravelResources/Images/check-in/icon-chekin.png) no-repeat; width:13px; height:13px; display:inline-block; background-position:1px 1px; margin-right: 5%;}
.online-chk a span{background:url(../TravelResources/Images/check-in/icon-chekin.png) no-repeat; width:13px; height:13px; display:inline-block; background-position:1px -18px; margin-right: 5%;}
.airline-detail {
  border-left: 1px solid #d8d1d1;
}
.airline-detail a{ color:#036c99; font-size:12px;}
.airline-img img{ margin:0 auto; padding-top:0px;}
.remove-padd-left{ padding-left:0;}
.remove-padd-right{ padding-right:0;}
.btm-txt { padding:15px;
}


/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
		margin-bottom:10px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
		font-size: 13px;
		min-width: 10% !important;
		 word-wrap:break-word;
        width:10%;
	}
	/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: "Region"; }
		td:nth-of-type(2):before { content: "Country of Origin"; }
		td:nth-of-type(3):before { content: "Airline name"; }
		td:nth-of-type(4):before { content: "Airline code"; }
		td:nth-of-type(5):before { content: "Beginning of operation"; padding-right:5%; display:block; }
		td:nth-of-type(6):before { content: "Former names"; }
		td:nth-of-type(7):before { content: "Notes"; }
		
	}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body {
			padding: 0;
			margin: 0;
			width: 320px; }
		}

	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body {
			width: 495px;
		}
	}

@media screen and (max-width:767px) {
    ul.nav-tabs {
        background-color:#f3f3f3!important;
    }
    .nav-tabs > li{
        background:none!important;
    }
    body {
        background-color:#f3f3f3;
    }
    .aditional-pages{
        width:100%!important;
    }
    .tab-content.modify{
        padding:15px 0!important;
    }
    .tabs-menu{
        margin-left:0!important;
    }
    .tabs-menu li a {
       font-size:10px!important; 
       }
    .nav-tabs > li.active > a {
        font-size: 10px !important;
    }
    
    }

@media screen and (max-width:480px) {
    .toll-free-checkin {
        font-size: 12px !important;
    }

    .airline-img img{
        padding-top:15px;
    }

    .airline-detail a {
        font-size: 10px !important;
    }
}