@media only screen and (max-width:767px){
	.tagline { margin-top:-30%; height:100%; font-size:40px;}
	.tagline > ul{float: none;margin: 0 0 0 28%;}
	.bg-content {
    margin-top: -1142px !important;
        }
        .full{min-height:1200px !important;}
        .padv0{padding:0 !important;}
        .moboneprc{margin:-30% 0 0 35%;}
        .swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
            margin-top: -11%;
             transform: rotate(90deg) !important;
     
   
  
    text-align:center;
        }
       
.swapiconv
  {
     transform: rotate(90deg) !important;
     
   margin-top: 56px !important;
    left:0% ! important;
   margin-left:125px  !important;
    text-align:center;
    
  }
    #swap{
      margin-left:0px !important;
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
        
} 
@media only screen and (max-width:302px) {
	.tagline{ margin-top:-30%; height:100%; font-size:40px;}
	.tagline > ul{float: none;margin: 0 0 0 28%;}
	.bg-content {     margin-top: -1142px !important;         } 
	.full{min-height:1200px !important;}.padv0{padding:0 !important;}
	.moboneprc{margin:-30% 0 0 35%;}
	.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
            margin-top: -11%;
             transform: rotate(90deg) !important;
  
  
    text-align:center;
        }
	
.swapiconv
  {
     transform: rotate(90deg) !important;
     
    margin-top: 56px !important;
    left:0% ! important;
    margin-left:125px  !important;
    text-align:center;
    
  }
    #swap{
      margin-left:0px !important;
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
}
@media only screen and (max-width:320px){
		.tagline{ margin-top:-30%; height:100%; font-size:40px;} 	
		.tagline > ul{float: none;margin: 0 0 0 28%;}
		.bg-content {     margin-top: -1142px !important;         }
		.full{min-height:1200px !important;}.padv0{padding:0 !important;}
		.moboneprc{margin:-30% 0 0 35%;}
		.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
             margin-top: -11%;
             transform: rotate(90deg) !important;
     
   
    text-align:center;
        }
	
.swapiconv
  {
     transform: rotate(90deg) !important;
     margin-left:125px  !important;
    margin-top: 56px !important;
    left:0% ! important;
    background-image:url("../img/swap.png");
    text-align:center;
    
  }
    #swap{
      margin-left:0px !important;
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
}
@media only screen and (max-width:360px){
		.tagline{ margin-top:-30%; height:100%; font-size:40px;} 
		.bg-content {     margin-top: -1142px !important;         } 
		.full{min-height:1200px !important;}.padv0{padding:0 !important;}
		.moboneprc{margin:-30% 0 0 35%;}
		.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
            margin-top: -11%;
             transform: rotate(90deg) !important;
     
   
    text-align:center;
        }
	
.swapiconv
  {
     transform: rotate(90deg) !important;
     margin-left:125px  !important;
   margin-top: 56px !important;
    left:0% ! important;
    
    text-align:center;
    
  }
    #swap{
      margin-left:0px !important;
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
}

@media only screen and (max-width:1024px){
	.tagline{ margin-top:-5%;  font-size:40px;} 	
	.tagline > ul{float: none;margin: 0 0 0 28%;}
	.bg-content {     margin-top: -1142px !important;         } 
	.full{min-height:1200px !important;}.padv0{padding:0 !important;}
	.moboneprc{margin:-30% 0 0 35%;}
	.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
             margin-top: -11%;
             transform: rotate(90deg) !important;
     
    
    text-align:center;
        }
	 
.swapiconv
  {
     transform: rotate(90deg) !important;
     margin-left:125px  !important;
   margin-top: 56px !important;
    left:0% ! important;
   
    text-align:center;
    
  }
    #swap{
      margin-left:0px !important;
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
}


/*all smartphone landscape mode*/
@media only screen and (max-width:767px) and ( min-width:480px) {
		.tagline{ margin-top:-15%; height:100%; font-size:40px;}
		.tagline > ul{float: none;margin: 0 0 0 28%;}
		.bg-content {     margin-top: -1142px !important;         } 
		.full{min-height:1200px !important;}.padv0{padding:0 !important;}
		.moboneprc{margin:-30% 0 0 35%;}
		.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
             margin-top: -11%;
             transform: rotate(90deg) !important;
     
   
    text-align:center;
        }
	
.swapiconv
  {
     transform: rotate(90deg) !important;
     margin-left:125px  !important;
    margin-top: 56px !important;
    left:0% ! important;
  
    text-align:center;
    
  }
    #swap{
      margin-left:0px !important;
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
}

@media only screen and ( max-width:480px) {
    
	.tagline{ margin-top:-28%; height:100%; font-size:40px;} 
	.tagline > ul{float: none;margin: 0 0 0 28%;}
	.bg-content {     margin-top: -1142px !important;         }
	.full{min-height:1200px !important;}.padv0{padding:0 !important;}
	.moboneprc{margin:-30% 0 0 35%;}
	.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
             margin-top: -11%;
             transform: rotate(90deg) !important;
   
    text-align:center;
        }
	 
.swapiconv
  {
     transform: rotate(90deg) !important;
     margin-left:125px  !important;
    margin-top: 56px !important;
    left:0% ! important;
   
    text-align:center;
    
  }
    #swap{
      margin-left:0px !important;
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
}
@media only screen and ( min-width:481px) and (max-width:767px){
	.tagline{ margin-top:-15%; height:100%; font-size:40px;} 
	.tagline > ul{float: none;margin: 0 0 0 28%;}
	.bg-content {     margin-top: -1142px !important;         } 
	.full{min-height:1200px !important;}.padv0{padding:0 !important;}
	.moboneprc{margin:-30% 0 0 35%;}
	.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
            margin-top: -11%;
             transform: rotate(90deg) !important;
   
    text-align:center;
        }
	
.swapiconv
  {
     transform: rotate(90deg) !important;
     margin-left:125px  !important;
    margin-top: 56px !important;
    left:0% ! important;
   
    text-align:center;
    
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
    #swap{
      margin-left:0px !important;
  }
}
                                                                                            
/*for tab*/
@media only screen and ( min-width:768px) and (max-width:995px){	.tagline{ margin-top:-15%; height:100%; font-size:40px;} 	
.tagline > ul{float: none;margin: 0 0 0 28%;}
.bg-content {     margin-top: -1142px !important;         }
.full{min-height:1200px !important;}.padv0{padding:0 !important;}
.moboneprc{margin:-30% 0 0 35%;}
.swapiconvbus
        {
            margin-right:63%;
            margin-left:37%;
            margin-top: -11%;
             transform: rotate(90deg) !important;
     
    
    text-align:center;
        }
 
.swapiconv
  {
     transform: rotate(90deg) !important;
     margin-left:125px  !important;
    margin-top: 56px !important;
    left:0% ! important;
  
    text-align:center;
    
  }
  #swapbus{
      margin-bottom: 0px !important;
  }
  #swap{
      margin-left:0px !important;
  }
}