table.container { box-shadow: 0 0 0.6em #ccc; -webkit-box-shadow: 0 0 0.6em #ccc; -o-box-shadow: 0 0 0.6em #ccc; -moz-box-shadow: 0 0 0.6em #ccc; -ms-box-shadow: 0 0 0.6em #ccc; } body{ width:100%; background-image:url('images/bg.png'); background-repeat:repeat; margin:0; padding:0; } table{ font-size: 14px; border: 0; } @media only screen and (max-width: 800px){ .container{ width: 754px !important;} } @media only screen and (max-width: 768px){ /*------ top header ------ */ .header-top {width: 700px;} .header-bg{width: 440px !important; height: 10px !important;} .main-header{line-height: 28px !important;} /*----- --features ---------*/ .feature-middle{width: 400px !important; text-align: center !important;} .feature-img{height: 437px !important;} .about-left {width: 275px;} .about-right {width: 289px;} .container{ width: 654px !important;} .container-middle{width: 590px !important;} .member {width: 13px;}table.main-img { height: 400px; } } @media only screen and (max-width: 640px){ .logo {font-size: 0.85em;} .container{ width: 530px !important} .main-img { width: 100% !important; height: 380px !important;} .container-middle {width: 500px !important} .about-left {width: 225px;} .about-right {width: 226px; font-size: 0.98em;} .mainContent {width: 550px; font-size: 0.98em;} .feature {height: 136px; width: 200px;} table.news-info { width: 210px; } table.news-image { width: 282px; } a.logo { font-size: 3em!important; } table.footer { width: 500px; } } @media only screen and (max-width: 480px){ .logo {font-size: 0.85em; margin-top: .5em} .container-middle {width: 390px !important;} .about-right {width: 299px} .main-img {width: 450px !important;height: 259px !important;} .feature1 { width: 300px;} .container {width: 400px !important;} .feature { height: 185px; width: 417px; text-align: Center; } .gallery2 {margin: 2em 0;} .fet {margin-top: 2em;} .wel {font-size: 2em !important;} .top-header-left {font-size: 0.94em;} table.banner-bottom-text { width: 420px; } .mainContent { width: 420px; } table.footer { width: 420px; } td.main-subheader { text-align: Center!important; margin-top:20px; } table.news-info { width: 100%; } table.news-image { width: 100%; } } @media only screen and (max-width: 375px){ .container { width: 350px !important; } table.banner-bottom-text { width: 350px; } .mainContent { width: 350px; } table.footer { width: 350px; } .container-middle { width: 250px !important; } } @media only screen and (max-width: 320px){ .logo {font-size: 0.85em; width: 100%; text-align: center;} .container {width: 296px !important;} .main-img {width: 297px !important;height: 198px !important;} .container-middle {width: 265px !important;} .feature {height: 185px;width: 266px;} .feature1 {width: 265px;} .about-right {width: 260px;} .gallery1 {width: 279px;height: 137px;} .galry1 {height: 150px;} .nav {width: 100%;text-align: center;} .top {height: 20px;} .container { width: 350px !important; } table.banner-bottom-text { width: 350px; } .mainContent { width: 350px; } table.footer { width: 350px; } .container-middle { width: 250px !important; } a.logo { font-size: 2.5em!important; } table.banner-bottom-text { width: 280px; } .mainContent { width: 280px; } table.footer { width: 280px; } .container { width: 050px !important; } table.social-icons { text-align: center; width: 69%; } }