﻿/*@media only screen and (max-width : 1500px) {  
.navbar-header{float:left; width:360px; height:123px;}
.menuWrap{ top:35px;  }
}*/
 
/* 767px 이하일때----------------------------------------------------------------------------- */   
    @media only screen and (max-width : 767px) {   
         .sponge-layout-main-background, .sponge-layout-sub-background{ background-image:none !important; min-width:320px;  height:auto;}
.sponge-layout-sub-background .sponge-header-nav{ border-bottom-width:0;}
.infoBoxTop, .sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search, .sponge-layout-main-dataList > .row, .sponge-layout-images-booklist > div.newbookBg, .sponge-layout-main-booklist{width:100%;}
        body{font-size:14px; min-width:320px;}
        .container { padding-left: 10px; padding-right: 10px; width:100%; min-width:320px; }   
         #menu{display:none;}

/* 메인 롤링이미지 */

.sponge-carousel .item{ height:300px;background-size:850px; } 
@keyframes sunday{ 10%{background-size:850px; }  100%{background-size:800px; } }
.sponge-carousel .carousel-control{ display:none; }
.carousel-indicators{top:270px;}
.carousel-indicators li{ width:10px; height:10px;}
.carousel-indicators .active{ width:12px; height:12px;}



        #sponge-header{position:relative; }
        #sponge-header .container{padding: 0px; }
        /* menu */
        .sponge-header-nav{  width:100%; border:0px; background-color:rgba(1, 64, 153, 0.5); position:fixed; left:0px; right:0px; z-index:2000; background-image:none; height:auto; min-width:320px;}        
        .sponge-header-nav .container{ padding:0;}  
        .sponge-header-nav .navbar-toggle{margin-right:0px; margin-top:8px; display:block; position:absolute; right:0;}

        .sponge-header-nav .navbar-toggle .icon-bar{background-color:#000; height:3px;}
.sponge-layout-main-background #sponge-header:hover .sponge-header-nav .navbar-toggle .icon-bar{background-color:#014099;}
        .sponge-header-nav .navbar-toggle.collapsed .icon-bar{background-color:#fff;}
        .sponge-header-nav{ margin-bottom:0px; padding:0px; border:0px; }
        .sponge-header-nav .navbar{ margin-bottom:0px; border:0px;}
        .sponge-navbar-top{padding-left:0px; padding-right:0px; background-image:none; position:relative; top:auto;}
        
        .navbar-header{ border-bottom:0px solid #232220; float:none; padding-top:0; width:100%; height:54px;}
        /*logo*/
        .navbar-header h1{margin-top:10px; margin-left:25px;}
        .navbar > .container .sponge-navbar-brand, .navbar > .container-fluid .sponge-navbar-brand{ margin-left:0px; margin-top:0px;}
        .navbar-brand {padding: 7px 15px; height: auto; text-align:left; float:left; margin:0; }
        .navbar-brand img{ height:35px; }
        .navbar-header h1 a, .sponge-layout-main-background  .navbar-header h1 a { width:280px; height:32px; background-size:280px;  }

        .navbar{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;border-left:none;border-right:none}
        .infoBoxTop{position:relative; height:auto; min-width:0; padding-right:0;}
        .infoBoxTop > div{width:100%;}
        .infoBox{ clear:both; padding:0 0; margin:0 0 !important; text-align:center; background-color:rgba(1, 64, 153, 0.5); font-size:11px; color:#b1b1b1; width:100%; }
        .infoBox > li.login-top-main { clear:left;}
        .infoBox > li:last-child > a{ border-right-width:0px; }
        .infoBox > li.login-library-list {  border-bottom:1px solid rgba(246,246,246, 0.2); width:100% !important;}
   
        .infoBox > li.infoBox-language a{ padding:1px 8px !important; }
        :last-child.navbar-right.navbar-nav.infoBox{ margin-right:-15px; padding-right:0;}
        .infoBox > li img { margin-top:-2px;}


        .infoBox > li{padding:10px 10px; margin:0;}
        .infoBox > li > a{ padding:0px; border-right-width:0px; color:#fff;}
        .infoBox > li.login-library-list > a{ padding:0px 10px; }

        .infoBox > li > strong{padding: 0;}
        .infoBox > li > a.loginIcon{margin:0 5px; background-image:none; padding-left:0; }
        .infoBox > li:first-child > a{ border-left-width:0px;}
        .infoBox > li.login-library-list:first-child > a:first-child{ border-left-width:0px;}
        .infoBox > li > a > i.icon{display:none;}


        .sponge-layout-main-background #sponge-header:hover .infoBox{ background-color:#014099; }
        .sponge-layout-main-background #sponge-header:hover .infoBox > li,.sponge-layout-main-background #sponge-header:hover .infoBox > li a,
        .sponge-layout-main-background #sponge-header:hover .infoBox > li.login-library-list a span.eng-hide,
        .sponge-layout-main-background #sponge-header:hover .infoBox > li.login-library-list a:hover span.eng-hide,
        .sponge-layout-main-background #sponge-header:hover .infoBox > li.infoBox-language a{ color:#fff !important;}
        .sponge-empty-space-login{height:134px;}
        .sponge-empty-space-logout{height:94px;}  
        .sponge-layout-main-background .sponge-empty-space-login{height:auto;}
       .sponge-layout-main-background .sponge-empty-space-logout{height:auto;}  


        .sponge-layout-sub-background .sponge-header-nav{ background-color:rgba(255, 255, 255, 1);}
        .sponge-layout-sub-background .sponge-header-nav .navbar-toggle.collapsed .icon-bar, .sponge-layout-sub-background .sponge-header-nav .navbar-toggle .icon-bar{ background-color:#004098;}
        .sponge-layout-sub-background .infoBox{ background-color:#004098; }
        .sponge-layout-sub-background .infoBox > li{ color:#fff; }
        .sponge-layout-sub-background .infoBox > li.login-library-list a span.eng-hide{ color:#fff; }

        /* 메뉴- navbar*/    
        /*menuBar*/
        .menuWrap{display:none;}
        .menuWrapMobile {margin:0 0; display:block; padding:0 15px; width:100%;}
        .menuWrapMobile .navbar-nav{ margin-top:0px; margin-bottom:0; padding-top:10px; padding-bottom:15px; }
        .sponge-navbar{ background-color:transparent; height:auto !important; padding:0px; background-image:none;}  
        .sponge-navbar .navbar-collapse{ }
        .sponge-navbar .navbar{ margin-bottom:0px; border:0px;}
        .sponge-navbar-nav > li > a:hover, .sponge-navbar-nav > li > a:focus, .sponge-navbar-nav .open > a, .sponge-navbar-nav .open > a:hover, .sponge-navbar-nav .open > a:focus{border:0px; color:#fff !important; background-color:#014099 !important;}/*, .nav .active a*/
        .sponge-navbar-nav > li > a{ padding:7px 15px; background-color:#fff; font-weight:600;}
        .sponge-navbar-nav li > a > i{ position:absolute; right:15px;font-size:18px}
        .sponge-navbar-nav.navbar-nav{ border:0px solid #eee; border-bottom:2px solid #014099 !important; } 
	    .sponge-navbar-nav > li > a{ border-top:0px solid #eee;}
        .dropdown-menu a{font-size:12px;}  
            

        .sponge-layout-appdown{ position:absolute; width:100%;}
         /* -------- Sub wrap --------- ***************************************************************************************************************************************/
        .sponge-layout-wrap{width: 100%; margin:0px auto; background-color:#fff; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; position:relative; }
        .sponge-layout-sub-background .sponge-layout-wrap{ border:0px solid #cccccc; padding-top:0;}
        .sponge-layout-wrap{padding:0 0 0 0px;}    
        .sponge-layout-content-main{ width:100%; background-image:none; }
        .sponge-layout-content-sub{ width:100%; padding:40px 0 0 0px; }
        .sponge-layout-content-container{ width:100%;} 
        /*.sponge-page-title-section{background-color:#fff !important;}*/
        .sponge-main-left-content, .sponge-main-right-content{width:100%; position:relative;}
        .sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search{width:100%;}
        .sponge-layout-wrap-full .sponge-layout-content-sub{ padding-top:40px;}
        .sponge-layout-content-sub-2021{padding-top:0;}
       /* 메인 롤링이미지-----------------------------------------------------------------------------------------------------------------------------------------*/  
        .sponge-layout-images-bg{  height:350px; }
 
        .sponge-layout-images{ height:350px;}
        
        .slider { height:350px;}

        .slider .jquery-reslider .slider-block { background-size: 1200px; } 
        @keyframes sunday{ 10%{background-size:1200px;} /*50%{background-size:105%;}*/  100%{background-size:1250px;} }
        .slider .jquery-reslider .slider-direction { display:none; } 

   
         
        /* SEARCH */    
        .sponge-layout-main-search-bg{width:100%; min-height:250px;  min-width:290px; padding-top:200px; }   
        .sponge-layout-main-search-bg > div{ min-height:0; padding:0 10px; }

        
        .sponge-layout-main-search {  width:100%; margin:0 0; padding:0 0 50px 0;  }   

        .sponge-layout-main-search > div { width:100%; padding:0px 0 0 0;}
        
        .sponge-layout-main-search .nav-tabs{  height:36px; width:100%; padding:0 10px; }
        .sponge-layout-main-search .nav-tabs > li{ padding-top:0; width:50%; }

        .sponge-layout-main-search .nav-tabs > li > a { padding:5px 10px; margin:0; font-size:14px; background-color:rgba(182,0,57, 0.5); color:#fff; border:2px solid transparent; border-bottom-width:0; height:36px;}
        .sponge-layout-main-search .nav-tabs > li.active > a, .sponge-layout-main-search .nav-tabs > li.active > a:hover, .sponge-layout-main-search .nav-tabs > li.active > a:focus{border-color:transparent;}
        .sponge-layout-main-search .nav-tabs > li:first-child > a, .sponge-layout-main-search .nav-tabs > li.active > a, .sponge-layout-main-search .nav-tabs > li > a + .sponge-layout-main-search .nav-tabs > li.active{border-left-width:2px;}
        .sponge-layout-main-search .nav-tabs > li.active > a,
        .sponge-layout-main-search .nav-tabs > li.active > a:hover,
        .sponge-layout-main-search .nav-tabs > li.active > a:focus { height:36px; font-size:14px; background-color:#00603d; color:#fff; border-width:2px; border-bottom-width:0; }

        .sponge-layout-main-search .nav-tabs > li.active > a::after{ color:#00603d; }
        .sponge-layout-main-search h3{ display:none}
        .sponge-layout-main-search .tab-content form{ padding:0 10px; }
        .sponge-layout-main-search select{height: 36px; font-size:12px; top:2px; width:90px;}


        .sponge-layout-main-search .search_inputboxmain { height: 51px; border:3px solid #014099; padding-left:20px; padding-right:40px; font-size:16px;  }

        .sponge-layout-main-search .btn-main{ background-size:28px; height:42px; width:42px; right:4px; top:4px; border-radius:50%; background-color:#fff; }
        
        /* -------- 바로가기 --------- ***************************************************************************************************************************************/
.sponge-main-btn{  background-color:rgba(0, 0, 0, 0.5); padding-top:0; top:237px; }
.sponge-main-btn > ul{ width:100%; padding-bottom:0; }
.sponge-main-btn > ul > li{ width:24%; height:auto; vertical-align:top; }


.sponge-main-btn > ul > li > a{color:#fff; font-size:13px; }
.sponge-main-btn > ul > li > a:hover, .sponge-main-btn > ul > li > a:active, .sponge-main-btn > ul > li > a:focus{ background-color:transparent; color:#fff; }

.sponge-main-btn > ul > li > a span.map{ margin:0px auto 0 auto;}
.sponge-main-btn > ul > li > a span.map > i{ filter: brightness(0) invert(1); }

.sponge-waves{display:none;}


.sponge-content{ background-position-y:200px; padding-bottom:0; padding-top:0;}
        /* 신착도서, 공지사항, 인기도서 */
        .sponge-layout-main-dataList{padding:0 0; }
       

        .sponge-layout-main-dataList > .row{width:100%;}
.sponge-layout-main-dataList > .row > div{padding:0;}
        .sponge-layout-main-dataList > .row > div.col-md-4{ width:100%; margin-right:0; }

        .sponge-layout-main-dataList > .row > div.col-md-5{ width:100%;}
        .sponge-layout-main-dataList > .row > div.col-md-3{ width:100%; }

        .sponge-layout-main-dataList .row > div .sponge-layout-imgaes-main-tabs{ height:auto; padding:0; }

        .sponge-layout-main-dataList .row > div .title, .sponge-main-book .title{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:7px 10px; height:40px; background-color:#eee; }
        /*.sponge-layout-main-dataList .col-md-7 > .sponge-layout-main-board:last-child .title{ border-top-width:0; }*/
        .sponge-layout-main-dataList h3{ font-size:16px; padding-top:3px; }
        .sponge-layout-main-dataList .title > h3 span { color:#000 !important; border-radius:0; padding:0px 0 !important; font-size:12px; margin-right:-1px; min-width:0; font-size:15px; border-bottom:0px; font-weight:600; height:auto; }
        .sponge-layout-main-dataList .title > h3 span::before{ display:none; }

        .sponge-layout-main-dataList a.main-more-icon{ padding:0px; border:0px solid #dddddd; border-radius:0px; top:5px; right:10px; float:right;  font-size:20px;}
        .sponge-layout-main-dataList .sponge-layout-main-board a.main-more-icon{ background-color:transparent; height:auto; width:auto; }
        .sponge-layout-main-dataList a.main-more-icon span{ letter-spacing:0px; }
        .sponge-layout-main-dataList .nav-tabs{border-bottom: 0px solid #dddddd; height:auto;}
        .sponge-layout-main-dataList .nav-tabs > li{margin:0px; height:auto; }
        .sponge-layout-imgaes-main-tabs ul.nav-tabs > li.active > a, 
        .sponge-layout-imgaes-main-tabs ul.nav-tabs > li.active > a:hover, 
        .sponge-layout-imgaes-main-tabs ul.nav-tabs > li.active > a:focus{ border-bottom:0px; border-bottom:0px !important; color:#000 !important; height:auto;background-color:transparent !important; font-size:16px; }
        .sponge-layout-imgaes-main-tabs ul.nav-tabs > li > a { background-color:transparent !important; color:#969696 !important; border-radius:0; padding:0px 0 !important; margin-right:15px; min-width:0; line-height:1.4285; 
text-align:center; font-size:16px; border-bottom:0px; height:auto;}
        .sponge-layout-main-dataList .nav-tabs > li > a:hover{ background-color:transparent; color:#000 !important;}

/* 이용시간 */
.sponge-layout-main-time{ padding:20px 20px 0px 20px; height:auto; background-color:#fff; box-shadow:none; }
.sponge-layout-main-time h3{  padding-bottom:20px;}
.sponge-layout-main-time > div > dl > dt{ width:100%; margin-bottom:10px; padding:5px 10px; text-align:center; font-size:15px;}
.sponge-layout-main-time > div > dl > dd{ margin-bottom:5px; text-align:center;  font-size:15px;}
.sponge-layout-main-time > div > dl > dd:last-child{ margin-bottom:10px; }

.sponge-layout-main-dataList .sponge-layout-main-time a.main-more-icon{ right:20px; bottom:auto; top:23px;  font-size:11px; padding:5px 3px 4px 5px; line-height:11px; height:auto; }



        /* 커뮤니티 */
.sponge-layout-main-dataList .row > div.col-md-8{ width:100%; }
.sponge-layout-main-dataList .row > div.col-md-8 .sponge-layout-imgaes-main-tabs{width:100%; padding:0;  }
/*.sponge-layout-main-dataList .row > div.col-md-8 .title{ height:auto; border-bottom:1px solid #ddd; }*/
.sponge-layout-main-board{ padding:0; }
         .sponge-layout-main-dataList .col-md-7 > .sponge-layout-main-board:last-child{ margin-top:0;}
        .sponge-layout-main-board .tab-content ul.data { padding:0 0 0 0; display:block;margin:0 0 0 0; width:100%; height:auto; }
        .sponge-layout-main-board .tab-content ul.data > li{ font-size:13px; padding:0 0; min-height:0; border-color:#eee; height:39px; }
        .sponge-layout-main-board .tab-content ul.data > li:last-child{  border-bottom-width:0; }
        .sponge-layout-main-board .tab-content ul.data > li:hover{ background-color:#fff;}
        .sponge-layout-main-board .tab-content ul.data > li > a{ padding:7px 24% 7px 10px; font-size:13px; color:#000;}
        .sponge-layout-main-board .tab-content ul.data > li > p{ padding:7px 10px 7px 0px;color:#000; width:24%; font-size:13px; } 
        .sponge-layout-main-board .tab-content ul.data > li > a > span.btn{ min-width:40px; height:25px; padding-top:4px; font-size:11px; font-weight:normal; margin-right:3px; }


.sponge-layout-main-dataList .row > div.col-md-3 > .sponge-layout-main-recommendation{ padding:0px;  }
.sponge-layout-main-dataList .row > div.col-md-3 > .sponge-layout-main-recommendation:first-child{ padding-top:30px; padding-bottom:0;  }
.sponge-layout-main-recommendation > div.title{ background-color:transparent; padding:0; height:auto; border-width:0; text-align:right; width:30%; }
.sponge-layout-main-recommendation > div.title > h3{ font-size:25px; padding-left:30px; }
.sponge-layout-main-recommendation > div.title a.main-more-icon{ right:auto; left:57px; top:145px; width:25px; height:25px; font-size:18px; line-height:25px; border:1px solid #555; }

.sponge-layout-main-recommendation > div.Recommendationbox{ float:right; width:232px; height:215px; background: url('/Users/Gbklib/Images/main/RecommendationBg.png') no-repeat; padding-left:54px; }
.sponge-layout-main-recommendation > div.Recommendationbox > a { display:block; }
.sponge-layout-main-recommendation > div.Recommendationbox > a > img{ width:120px; height:182px; display:block; }


   .sponge-layout-banner{padding:0; width:100%; margin:0; }

.sponge-layout-main-booklist-bottom .sponge-layout-banner > div .nav-tabs > li > a > span{ width:160px; }
.sponge-main-book{ padding:0 0 0 0; width:100%;}
.sponge-layout-main-booklist::before{position:relative;}
.sponge-main-book .nav-tabs{  }
.sponge-main-book .nav-tabs > li > a{ font-size:16px;  }
.sponge-main-book .nav-tabs > li > a > span{width:70px; height:25px;}

.sponge-main-book .nav-tabs > li > a > span > i{ height:4px; }


.sponge-layout-banner > div a.main-more-icon{ top:-35px; background-color:transparent; right:10px; }
.sponge-layout-banner .sponge-main-book ul > li.active .btns{top:60px;}

/* 신착도서 -----------------------------------------------------------------------------------------------------------------------------------------*/  
.sponge-main-book{ padding:0 0 0 0; width:100%;}

.sponge-main-book > ul{ padding-top:0px; }
.sponge-main-book > ul > li{width:100%; position:relative;}
.sponge-main-book > ul > li > div{width:100%; }
.sponge-main-book > ul > li p.noData{display:none;position:absolute;top:100px;left:25px;}


.sponge-main-book > ul > li > div > div{height: 180px;margin:0 20px; }

.sponge-layout-newbook .sponge-main-book > ul{ padding-top:15px;}
.sponge-main-book > ul > li > div > div > ul{height:180px; width:100% !important;}
.sponge-main-book > ul > li > div > div > ul > li{ width:140px !important; height:180px; padding:0 0% 0 10px; margin:0px;}
.sponge-layout-newbook .sponge-main-book > ul > li > div > div > ul > li{width:140px !important;}
.sponge-main-book > ul > li > div > div > ul > li > a{ width:120px;  height:166px; background-size:120px;}
.sponge-main-book > ul > li > div > div > ul > li > a > img{ width:114px; height:166px; }
.sponge-main-book > ul > li > div > div > ul > li > a:hover > img{ }
.sponge-main-book > ul > li > div > div > ul > li > a > span{  width:114px; height:166px; padding:10px 5px;}

.sponge-main-book ul > li .btns{ top:65px; }

.sponge-main-book .btns a span.glyphicon{ font-size:15px;}

.sponge-main-book .btns a.prev{right: 5px;}
.sponge-main-book .btns a.next{left: 5px;}



/* e-Learning */

.sponge-layout-banner .sponge-main-book{padding:0 0 0 0;}
.sponge-layout-banner > div > h2 > span{ width:100px; }
.sponge-layout-main-booklist .sponge-layout-banner > div .nav-tabs > li > a > span{ width:150px; }

.sponge-layout-banner .sponge-main-book > ul > li > div > div, .sponge-layout-banner .sponge-main-book > ul > li > div > div > ul, .sponge-layout-banner .sponge-main-book > ul > li > div > div > ul > li{height:200px;}
.sponge-layout-banner .sponge-main-book > ul > li > div > div{ margin:0 10px; }
.sponge-layout-banner .sponge-main-book > ul > li > div > div > ul{ padding-top:20px;}
.sponge-layout-banner .sponge-main-book > ul > li > div > div > ul > li{  width:175px !important; text-align:center; }
.sponge-layout-banner .sponge-main-book > ul > li > div > div > ul > li > a{  font-size:16px; width:170px; text-align:center; }
.sponge-layout-banner .sponge-main-book > ul > li > div > div > ul > li > a > i{ margin-bottom:10px; height:111px;}
.sponge-layout-banner .sponge-main-book > ul > li > div > div > ul > li > a > i > img{ width:160px; height:111px;  margin-bottom:10px;}

.sponge-layout-banner .sponge-main-book > ul > li > div > div > ul > li > a > span{ width:160px; font-size:13px;  padding:0; line-height:18px;}
.sponge-layout-banner .sponge-main-book > ul > li > div > div > ul > li > a > span > span{  font-size:13px;}


.sponge-layout-newbook{  padding:0 0;  }





.sponge-layout-newbook a.main-more-icon{position:absolute; right:10px; top:-48px;  background-color:transparent; }


.sponge-layout-newbook > .row{ width:100%;  }
.sponge-layout-newbook > .row > .col-md-6{ width:100%;}

.sponge-layout-newbook .sponge-main-book{ border-width:0; }
.sponge-layout-newbook > div .title{ padding:8px 10px; }

.sponge-main-intro{ display:none;}

#sponge-layout-content-container-quick{bottom:30px; top:auto; right:15px; opacity:0.9; z-index:1000; height:100px; padding-left:0; }	



  
/* Copyright */
.sponge-layout-footer-banner { display:none; }

.sponge-layout-footer-banner h3 { float:left; }


.sponge-layout-footer{ padding:20px 0; line-height:30px; text-align:center; }
.sponge-layout-footer > div:first-child{ display:none; }
.sponge-layout-footer > div{ width:100%;}
.sponge-layout-footer > div > .sponge-layout-footer-logo a{ display:none;}

.sponge-layout-footer > .sponge-layout-footer-address{text-align:center; color:#fff; padding:0; line-height:25px; }



     

    .sponge-layout-content-container-rightcontent{ float:none; width:100%; } /* 8월24일 */
    .sponge-layout-content-container-leftmenu{ display:none; }

.sponge-riss{ text-align:center;}

.infoBox, 
.sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search,
.sponge-layout-main-search-bg, .sponge-main-btn > ul, .sponge-layout-main-dataList, .sponge-layout-main-booklist > div,
.sponge-layout-main-booklist > div > div.col-md-6, .sponge-layout-footer-banner > ul, .sponge-layout-footer > div > p, 
.sponge-layout-footer > address
{width:100%;}


.Intro{ padding:0 !important; }

    .Intro > div{ background-image:none; padding:15px;}
 .sponge-page-guide.sponge-page-guide-policy_email dl{width:50%;}
 UL.map H4 { border-radius:0px; font-size:13px; } 
 UL.map UL LI{width:100%; height:auto; padding-bottom:0px; margin-bottom:0px;}

 UL.map UL LI UL LI{height:auto; padding:0px 0 10px 0;}
  UL.map UL LI UL { margin:0px;}



  .form-signin{margin-top:20px;}
  .sponge-page-login p.first{  padding-top:0px; }

    /*.sponge-page-title-section{height:auto; padding:3px 0 0 0px !important;}
    .sponge-page-title-section h3{top:0px; width:100%; text-align:center; left:0;}
    .sponge-page-breadcrumbs-section{top:0; display:none; }
    .breadcrumbs-sponge-desktop{width:100%;}*/
        


.introGuide{min-height:0; line-height:25px; }
.location_map_img{ width:100%;}
#comeToUsMap{ width:100%;  top:40px; left:0;}

    }
