responsive.css

  .navbar-default {
    background-color: black;
    border-color: #E7E7E7;
}

.container {
    width: 100%;
  }


body {

/*background-color: white;*/
background-image: url("flight.png");
background-size: 100% 500px;
background-repeat: no-repeat;
background-position: 0px 170px;

}




.rectangle-box{
    position: relative;
    width: 100%;
    height:80px;
    overflow: hidden;
    /*background: #4679BD;*/
    background: black;
}

.empty-box{
    position: relative;
    width: 100%;
    height:20px;
    overflow: hidden;
    
    /*background: black;*/
}


/*
.rectangle-box:before{
    content: "";
    display: block;
    padding-top: 0%;
}*/
.rectangle-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.rectangle-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.rectangle-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}





.image1{
    position: relative;
    width: 100%;
    height:100%px;
    overflow: hidden;
    background: #4679BD;
}

.square {
    float:left;
    position: relative;
    height:50px;
    width: 213px;
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
    margin:0.2%;
    overflow:hidden;
  
       background: rgba(0, 0, 0, 0.4);   /* RGBa with 0.6 opacity */


      
}

.square:hover { background: #FAF38C ;
}
.square1:hover { background: #FAF38C ;}

.square1 {
    float:left;
    position: relative;
    height:50px;
    width: 213px;
    /*padding-left : 10%; /* = width for a 1:1 aspect ratio */
    margin-left:17%;
    margin-top:0.2%;
     margin-right:0.2%;

    overflow:hidden;
     background: rgba(0, 0, 0, 0.4);   /* RGBa with 0.6 opacity */
}

.menu {
  color: white;
  font-weight: bold;
  font-size: 24
   
}

.menu:hover {
  color: black;
   
}

.bar {
    float:left;
    position: relative;
    height:7px;
    width: 870px;
    margin-left:17%;
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
    overflow:hidden;
  
       background: #FAF38C;   /* RGBa with 0.6 opacity */
      
}

@media (max-width: 768px) {
    .bar {
        display: none;
    }
}



.content {
    position:absolute;
    height:90%; /* = 100% - 2*10% padding */
    width:90%; /* = 100% - 2*5% padding */
    padding: 5% 5%;
}
.table{
    display:table;
    height:100%;
    width:100%;
}
.table-cell{
    display:table-cell;
    vertical-align:middle;
    text-align: center;
    height:100%;
    width:100%;
}

.aboutuscontent { color:white;}

th { color:blue;
text-align: center;}

tr { color:blue;
}

.partnercontent {
    position:absolute;
    height:98%; /* = 100% - 2*10% padding */
    width:98%; /* = 100% - 2*5% padding */
    padding: 2% 2%;
}


.table-cell2{
    display:table-cell;
    
  text-align: left;
    height:100%;
    width:100%;
}

.partner{

    color: white;
}



.content1 {
    position:relative;
    
}
.table1{
    display:table;
    height:100%;
    width:100%;
}
.table-cell1{
    display:table-cell;
    vertical-align:middle;
    height:100%;
    width:100%;
}


.rectangle{    
    float:left;
    position: relative;
    height:380px;
    width: 870px;
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
    margin-left:17%;
    overflow:hidden;
  
       background: rgba(0, 0, 0, 0.4);   /* RGBa with 0.6 opacity */
      
}





.servicerectangle{
    float:left;
    position: relative;
    height:300px;
    width: 400px;
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
    
    margin-top :2%;
    overflow:hidden;
  
       /*background: #faffda;  */ /* RGBa with 0.6 opacity */
       background: lightgray;
      
}


.table-responsive { margin:auto;
    margin-left:5%;
}

.offers

{
     margin-top :2%;
    float:left;
    position: relative;
    height:300px;
    width: 435px;
     margin-left :4%;
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
        overflow:hidden;

    background-image: url("offers.jpg");
background-size: 400px 300px;
background-repeat: no-repeat;
/*background-position: 128px 170px;*/
}


.andaman
{
     margin-top :2%;
     margin-left :2%;
    float:left;
    position: relative;
    height:300px;
    width: 400px;
    
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
        overflow:hidden;

    background-image: url("andaman.jpg");
background-size: 435px 300px;
background-repeat: no-repeat;
/*background-position: 128px 170px;*/
}


.datablock{
    margin-top:1%;
     float:left;
    position: relative;
    height:350px;
    width:100%;
    background:white;
}

.copyright{
    
     float:left;
    position: relative;
    height:40px;
    width:100%;
    background:black;
    overflow:hidden;

}


.copyrightcontent {
    color:white;
    position:absolute;
     margin-left:37%;
    height:80%; /* = 100% - 2*10% padding */
    width:90%; /* = 100% - 2*5% padding */
    padding: 0% 0%;
}





ul {color:white;
 font-weight: bolder;
    margin-left: 130px;
}


.servicecontent
{
color:white;
    text-align: center;
}

tts {
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
}


os {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
}


.dubai

{
     margin-top :2%;
    float:left;
    position: relative;
    height:300px;
    width: 45%;
     margin-left :4%;
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
        overflow:hidden;

    background-image: url("dubai.jpg");
background-size: 100% 300px;
background-repeat: no-repeat;
/*background-position: 128px 170px;*/
}


.china
{
     margin-top :2%;
     margin-left :2%;
    float:left;
    position: relative;
    height:300px;
    width: 45%;
    
    /*padding-bottom : 10%; /* = width for a 1:1 aspect ratio */
        overflow:hidden;

    background-image: url("china.jpg");
background-size: 100% 300px;
background-repeat: no-repeat;
/*background-position: 128px 170px;*/
}




.address
{
    font-size: 19px; 
    color: :white;



}