﻿ @media screen and (min-device-width: 1280px){
         .banner {
             width: 100%;
         }
         .bannerText {
            padding-left: 4%;
             padding-bottom: 7.5%;
             padding-top: 6%;
             padding-right: 4%;
             width: 60.333333%;
             margin-left: -38px;
             height: 325px;
             background-color: #D8D9D8;
         }
         .bannerImage {
             z-index: 1;
             height: 322px;
             line-height: 322px;
             padding-left: -1px;
         }
         .bottomText {
             margin-top: 2%;
             padding-left: 2%;
             padding-bottom: 2%;
             padding-top: 2%;
             padding-right: 2%;
             width: 98%;
             margin-left: auto;
             margin-right: auto;
         }
         .margin2 {
             margin-bottom: 35%;
         }
         .bottomtable {
             width: 50%;
         }
         .row1 {
             margin-bottom: 2%;
         }
         .myMainDiv {
             margin-right: 0%;
             margin-left: 0%;
         }
         
     }
  
   
    @media screen and (max-width: 1198px) {
        .bannerText {
            padding-left: 4%;
            padding-bottom: 6%;
            padding-top: 2.75%;
            padding-right: 4%;
            width: 60.333333%;
            margin-left: -38px;
            height: 275px;
            
        }
        .bannerImage{
            z-index: 1;
            height: 322px;
            line-height: 322px;
            padding-left: -1px;
        }
        .bottomText
        {
            margin-top: 2%;
            padding-left: 2%;
            padding-bottom: 2%;
            padding-top: 2%;
            padding-right: 2%;
            width: 100%;
             margin-left: auto;
            margin-right: auto;
        }
        .margin2 {
            margin-bottom: 35%;
        }
        
        .banner {
            margin-bottom: 14%;
            width: 100%;
        }
        .bottomtable {
             width: 50%;
         }
         .myMainDiv {
             margin-right: 0%;
             margin-left: 0%;
         }
    
    }
    @media screen and (max-width: 850px) {
        .bannerText {
            padding-left: 5%;
            padding-bottom: 5%;
            padding-top: 2.75%;
            padding-right: 4%;
            width: 62.333333%;
            margin-left: -38px;
        }
        .bannerImage {
            height: 280px;
            line-height: 280px;
        }
        .banner {
            margin-bottom: 1%;
            height: 80%;
        }
        .bottomtable {
             width: 55%;
         }
         .myMainDiv {
             margin-right: 0%;
             margin-left: 0%;
         }
    }

    @media screen and (max-width: 780px) {
        .bannerText {
            padding-left: 6%;
            padding-bottom: 2%;
            padding-top: 0%;
            padding-right: 4%;
            /*height: 215px;*/
            height: 240px;
        }
        .bannerImage {
            height: 240px;
            line-height: 195px;
        }
        h3 {
            font-size: 18px;
        }
        p {
            font-size: 12px;
        }
        .banner {
            height: 69%;
            /*margin-bottom: -7%;*/
            margin-bottom: -18%;
        }
        .bottomtable {
             width: 70%;
         }
         .myMainDiv {
             margin-right: 0%;
             margin-left: 0%;
         }
    }

    /*@media screen and (max-width: 700px) {
        .bannerImage { 
            width: 100%;
            z-index: 0;
            float: left;
            margin-left: -3%;
            margin-right: 2%;
            height: 0px;
            line-height:0px;
            margin-top: 0%; 
        }
        .bannerText {
            width: 85%;
            margin-left: 9%;
            margin-right: 2%;
            margin-bottom: 5%;
            margin-top: 60%;
            font-size: 14px;
            padding: 6%;
            height: auto;
        }
        h3 {
            font-size: 18px;
        }
        .banner {
            height: auto;
            width: 100%;
            padding-right:0px;
            padding-left: 10%;
            margin-left: 0;
            
        }
    
        .bottomText .col-xs-12 {
            font-size: 14px;
            width: 85%;
            margin-left: 9%;
            margin-right: 2%;
            margin-bottom: 5%;
            margin-top: 0%;
            font-size: 14px; 
            padding: 6% 
      
        }
        .margin4 {
            margin-bottom: 100%;
        }
        .bottomtable {
             width: 100%;
         }
        
    }*/
    
    @media screen and (max-width: 700px) {
        .bannerImage { 
            width: 97%;
            z-index: 0;
            float: left;
            /*margin-left: -3%;
            margin-right: 2%;*/
            height: 0px;
            line-height:0px;
            margin-top: 0%;
            padding-left: 0px;
            padding-right: 0px;
            margin-bottom: 4%;
        }
        .bannerText {
            width: 94%;
            margin-left: 3%;
            margin-right: 2%;
            margin-bottom: 5%;
            margin-top: 60%;
            font-size: 14px;
            padding: 6%;
            height: auto;
        }
        h3 {
            font-size: 20px;
            /*font-weight: 700;*/
            color: #424345;
        }
        p {
            font-size: 14px;
            color: #424345;
        }
        .banner {
            height: auto;
            width: 100%;
            padding-right:0px;
            padding-left: 3%;
            margin-left: 0;
            
        }
    
        .bottomText .col-xs-12 {
            font-size: 14px;
            width: 85%;
            margin-left: 9%;
            margin-right: 2%;
            margin-bottom: 5%;
            margin-top: 0%;
            font-size: 14px; 
            padding: 6%;
            margin-left: auto;
            margin-right: auto;
      
        }
        .margin4 {
            margin-bottom: 100%;
        }
        .bottomtable {
             width: 100%;
         }
         .myMainDiv {
             margin-right: 3%;
             margin-left: 3%;
         }
         
         .noMargin {
             margin-right: 0px;
             margin-left: 0px;
         }
        
    }