@media screen and (max-width: 600px) {
    .text1{
        font-size:42px;
    }
    .wbook{
        height:420px;
    }
    .innerScrollArea li img{
            height:90px;
            width:auto;
        }
        #outerSlideArea {
            position: relative;
            width: auto; 
            height: 90px; 
            margin: 0 auto;
        }
        .icons{
            font-size: 16px;
        }
        .gap{
            margin-right:12px;
        }
        span.b {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
        }
        .text-center{
            width:auto;
            margin-right:12px;
        }
        #hdr_right {
            font-size: 16px;
            font-weight: 400;
        }
        
        #mybook img{
            width:100%;
            height:350px;
        }
        #mybook{
            height:370px;
        }
        .navbar-default {
        background-color: white; 
        border-color: white; 
        }
        .response{
            margin-top:-50px;
        }
        .index{
            margin-top: -120px;
            z-index: 100;
        }
        #myBtn
        {
            width: 35%;
            margin-left: auto;
            margin-right: auto;
        }
        .homebtn{
            
            position: absolute;
            z-index: auto;
            bottom: 12%;
            left: 30%;
        }
        .img-trade {
            width: 100%;
            
            height: 650px;
        }
        .column {
            float: left;
            width: 100%;
        }
        .adesp{
            font-size:13px;
        }
        .terms2{
            font-size:18px;
            font-weight:600;
            color:Black;
            font-family: Arial, Helvetica, sans-serif;
        }
        .cond1{
            font-family: Arial, Helvetica, sans-serif;
            font-size:14px;
            padding-top:20px;
        }
        
}
@media screen and (max-width: 500px) {
    .text1{
        font-size:38px;
    }
    .innerScrollArea li img{
            height:100px;
            width:650px;
        }
        #outerSlideArea {
            position: relative;
            width: auto; 
            height: 80px; 
            margin: 0 auto;
        }
        .icons{
            font-size: 12px;
        }
        .gap{
            margin-right:8px;
        }
        span.b {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }
        .text-center{
            width:auto;
            margin-right:12px;
        }
        #hdr_right {
            font-size: 15px;
            font-weight: 400;
        }
        #mybook img{
            width:100%;
            height:290px;
        }
        .index{
            margin-top: -220px;
            z-index: 100;
        }
        .response{
            margin-top:-70px;
        }
         
}
@media screen and (max-width: 400px) {
    .text1{
        font-size:42px;
    }
    .innerScrollArea li img{
            height:100px;
            width:650px;
        }
        #outerSlideArea {
            position: relative;
            width: auto; 
            height: 90px; 
            margin: 0 auto;
        }
        .icons{
            font-size: 10px;
        }
        .gap{
            margin-right:6px;
        }
        span.b {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
        }
        .text-center{
            width:auto;
            margin-right:12px;
        }
        #hdr_right {
            font-size: 14px;
            font-weight: 400;
        }
        #mybook img{
            width:100%;
            height:235px;
           
        }
        .index{
            margin-top: -260px;
            z-index: 100;
        }
         
        
}
@media screen and (max-width: 750px) {
    .navbar-default {
        background-color: white; 
        border-color: white; 
        }
        .response{
            margin-top:-50px;
        }
        .bpad{
            margin-top:-50px;
        }
        .navbar-default .navbar-collapse{
            margin-top: -50px;
            margin-bottom: 40px;
        }
        .container-fluid>.navbar-header{
            margin-left: -35px;
        }
        .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        }
        .navbar-toggle {
            margin-top: -150px;
            margin-right: 24px;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        .form-body{
            margin-right:14px;
            margin-left:14px;
        }
        .gap2{
            padding-top:14px;
        }
         .img-responsive{
            display: block;
            max-width: 80%;
            height: auto;
            margin: auto;
        }
        .toppad{
             padding-top:30px;
        }
}
@media screen and (min-width: 751px) {
   .fpad{
            padding-left:50px;
        } 
    .toppad{
             padding-top:100px;
        }
         
}
@media screen and (min-width: 601px) {
 .text1{
    font-size: 52px;
  }
  .innerScrollArea li img{
            height:100px;
            width:650px;
        }
        #outerSlideArea {
            position: relative;
            width: auto; 
            height: 102px; 
            margin: 0 auto;
        }
       .icons{
            font-size: 18px;
       }
       .gap{
           margin-right:20px;
       }
       span.b {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 17px;
        }
         .text-center{
            width:600px;
            margin:auto;
        }
        #hdr_right {
            font-size: 18px;
            font-weight: bold;
        }
         #myBtn
        {
            width: 15%;
            margin-left: auto;
            margin-right: auto;
        }
       /* .img-trade{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 750px;
        height: 150px;
      }*/
      .img-trade {
            width: 425px;
            
            height: 600px;
      }
      .column {
            float: left;
            width: 50%;
        }
        .adesp{
            font-size:15px;
        }
        .terms2{
            font-size:22px;
            font-weight:600;
            color:Black;
            font-family: Arial, Helvetica, sans-serif;
        }
        p.cond1{
            font-family: Arial, Helvetica, sans-serif;
            font-size:16px;
            padding-top:20px;
        }
}
.text1{
    color:white; font-weight:900;text-align:center; padding-bottom:14px;
}