@media screen and (min-width: 768px) and (max-width: 1023px) {
    hr {
        width: 100% !important;
    }

    h1 {
        color: #000 !Important;
        text-shadow: none;
    }

    .navbar-toggle {
        display: none;
    }

    body {
        min-width: 100%;
        background-position-y: -128px !important;
    }

    #container {
        width: 100%
        ;
        margin: 0 auto;
    }

    #container header {
        width: 720px;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding-bottom: 0;
        height: auto;
    }

    #container header #logo {
        width: 250px;
        margin-left: 0;
    }

    #container header #logo a {
        width: 250px;
    }

    #container header #logo a img {
        width: 100%
    }

    #container header  #header_notice {
        margin-top: 48px;
        margin-right: 0;
        font-size: 16px;
        float: right;
        margin-left: 60px;
    }

    #container header  #facebookLink {
        top: 84px;
        left: 550px;
        width: 150px;
    }

    #container header nav {
        width: 100%;
        padding: 0;
        background-size: contain;
        padding-top: 5px;
        padding-right: 5px;
    }

    #container header nav ul li {
        font-size: 14px;
        padding: 3px 0;
    }

    #container header nav ul li a {
        padding-right: 27px;
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #container header nav ul li.nav2 .submenu {
        left: -7px;
    }

    #container header nav ul li:first-of-type a {
        padding-left: 0;

    }

    #container header nav ul li:last-of-type a {
        padding-right:0;
    }

    #container header nav ul li .submenu ul li {
        padding-top: 0;
        padding-bottom: 0;
    }

    #container header nav ul li .submenu ul li a {
        padding-left: 15px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    /* end of header */

    .index #main {
         width: 100%;
         margin: 0;
    }

    .index #main #slider {
        overflow: hidden;
    }
    
    .index #main #slider,
    .index #main #slider .sliderwrapper,
    .index #main #slider .sliderwrapper .contentdiv,
    .index #main #slider .sliderwrapper .contentdiv img {
        width: 720px;
        padding: 0 1px 0 2px;
        box-sizing: border-box;
    }
    .index #main #slider .sliderwrapper,
    .index #main #slider .sliderwrapper .contentdiv {
        height: 220px;
    }

    /* end of carousel */

    #black_bar {
        width: 768px !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
        padding-left: 35px !important;
        padding-right: 0 !important;
        background-size: cover;
        height: 130px !important;
        margin: 0 auto !important
        ;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#505050+0,3a3a3a+100,207cca+100 *//* Old browsers *//* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ *//* W3C *//* IE6-9 *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#505050+0,000000+100,207cca+100 *//* Old browsers *//* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ *//* W3C *//* IE6-9 */
        position: relative;
        left: 5px;
    }

    #black_bar #blak_title {
        font-size: 14px;
        padding-top: 10px;
    }

    #black_bar #black_button {
        margin-right: 35px;
        margin-top: -17px;
    }

    /* end of #black_bar */

    #content {
        width: 720px !important;
        background-color: #e7e7e7;
        margin-top: -40px !important;
    }

    #content .box_contents.box_contents1 img {
        width: 170px;
    }

    #content .box .box_title h2 {
        margin-bottom: 5px;
    }

    #content .box .box_title .button {
        clear: both;
        float: none;
        margin-top: 0;
        margin-bottom: 20px
    }

    .fact_box {
        width: 100%;
        background-size: contain !important;
        padding-left: 23px;
    }
    
    .fact_box .fact_cat {
        padding-top: 17px;
    }

    .fact_box .fact_txt {
        width: 230px;
        margin-left: -30px;
        margin-top: -1px;
        font-size: 12px;
        line-height: 1.5;
    }

    .fact_box.green  .fact_txt{
        margin-top: -11px;
    }

    .mythButton, .factButton {
        left: 310px;
        top:  18px;
    }

    mythButton, .factButton

    /* end of #content */

    

    footer .footer_top,
    footer .footer_bottom,
    footer .footer_bottom .footer_bottom_content {
        width: 100%;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !Important;
        box-sizing: border-box !important;
    }

    footer .footer_top {
        width: 720px;
        padding: 0;
    }

    .footer_top h2 {
        text-align: center;
    }

    footer .footer_top .partner_list {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

    }

    footer .footer_top .partner_list {
           text-align: center;
    }

    footer .footer_top .partner_list li {
        float: none;
        display: inline-block;
        margin-right: 20px;
    }

    footer .footer_bottom .footer_bottom_content {
        padding-left: 20px;
    }

    footer .footer_bottom .footer_bottom_content .footer_left {
        width: 32%;
    }

    footer .footer_bottom .footer_bottom_content .footer_right {
        margin-right: 20px;
        width: 61;
    }

    /* end of footer */

    /* start of services page */

    .button-250 {
        width: 200px
    }
   .sidebar {
       width: 260px;
       margin: 0 0 0 -13px;
   }

   .sidebar .sidebar_top,
   .sidebar .sidebar_bottom {
       margin-left: 15px;
       width: 230px;
   }

   .sidebar .sidebar_bottom {
       margin-left: 0;
       width: 271px;
       margin-left: -5px;
       background-size: contain;
   }

   .content_left {
       width: 453px;
       margin: 0 0 0 20px;
   }

   .content_left .button {

   }

   .content_left .wframe {
       width: 100%;
       height: auto;
       box-sizing: border-box;
       padding: 6px;
       /* background-size: contain; */
       border: 1px solid #ddd;
       border-radius: 5px;
       background: none;
   }

   .content_left img {
       width: 100%;
   }

   #main {
       width: 720px;
       box-sizing: border-box;
       margin: 0 auto;
   }
    /* end of services page */

    /* start of our team */
    .seconday_nav,
    .secondary_nav_top,
    .secondary_nav_bottom {
        width: 230px;
        background-size: contain;
    }

    .team_pic {
        padding: 6px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background: none;
    }

    .team_pic img {
        width: 100%;
        
    }

    .team_social {
        margin: 0 auto;
        width: 92px;
    }

    .team_social a {
        display: block;
        width: 32px;
        height: 32px;
        float: left;
    }

    .team_left {
        float: none;
        margin: 0 auto;    
    }

    .team_right {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    /* end of our team */

    /* start of our office */
    div.gallery li {
        margin-right: 15px;
        margin-bottom: 15px;
        background: none;
        padding: 6px;
        border: 1px solid #ddd;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 141px;
        height: 141px;
    }

    div.gallery li:nth-of-type(3n+3) {
        margin-right: 0;
    }

    .map {
        background: none;
        padding: 6px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    .map,
    .map iframe {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* end of our office */

    /* start of gallery page */
    .gallery_desc {
        width: 100%;
        box-sizing: border-box;
    }
    .gallery_desc_bottom {
        background-size: contain;
        width: 100%;
    }
    /* end of gallery page */

    /* start of #sidebar */
    .sidebar .button-250 a img {
        width: 100%;
    }
    /* end of #sidebar */

    /* start of blog page */

    .seconday_nav.small .secondary_nav_top {
        width: 230px;
        background-size: contain;
    }

    .seconday_nav.small .seconday_nav_center {
        width:230px;
        background-size: contain;
    }

    .seconday_nav.small .seconday_nav_ul {
        width: 230px;
        background-size: contain;
    }

    .share_box img {
        display: block;
        width: 32px;
        height: 32px;
        float: left;
        margin-bottom: 10px;
    }

    #s {
        width:90px;
    }

    /* end of blog page */


}