/************************

BOO-LIBRARY THEME
delcaldo.com / 2017

PHIBOR
Philosophy on the Border of Civilizations

*************************/

/************************

COLOR SCHEME

#B3716D Rosa
#784444 Rosa cupo
#71B078 Verde
#64a06a Verde scuro
#6E98AA Zucchero
#aa6e6e Zucchero scuro
#a8a191 Sabbia
#958c76 Sabbia scura
#B2AB6E Muschio
#DF5B11 Arancio
#ECE2C4 Carta
#d9534f Rosso
#c9302c Rosso cupo
#fffcf4 Background

GREY

#d9d9d9 grey
#555555 grey / text color
#a8a8a8 grey dark


*************************/


/************************

MIX

*************************/


body {
    /*padding-top: 135px;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    /*background-color: #fffcf4;*/
    background-color: #ffffff;
}


a {
    color: #d9534f;
}

a:hover {
    color: #c9302c;
    text-decoration: none;
}


.boo-row {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+49 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 49%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 49%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0px 9px 11px -3px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 9px 11px -3px rgba(0,0,0,0.15);
    box-shadow: inset 0px 9px 11px -3px rgba(0,0,0,0.15);
    padding: 30px 0px;  
}


.boo-row-simple {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+49 */
    padding: 30px 0px;  
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa6e6e+0,6e98aa+100 */
    background: #aa6e6e; /* Old browsers */
    background: -moz-linear-gradient(top, #aa6e6e 0%, #544544 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #aa6e6e 0%,#544544 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #aa6e6e 0%,#544544 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa6e6e', endColorstr='#544544',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #fff;
}

.boo-row-simple .boo-title-bottom {
    border-bottom: 3px solid #FFFFFF;
    padding: 8px 0px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}


.boo-well-transparent {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/************************

BUTTONS

*************************/

.boo-btn-success {
    color: #fff;
    background-color: #B3716D;
    border-color: #446478;
}

.boo-btn-success:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

.boo-btn-action {
    color: #fff;
    background-color: #B3716D;
    border-color: #B3716D;
}

.boo-btn-action:hover {
    color: #fff;
    background-color: #446478;
    border-color: #446478;
}


.btn-sm h4 {
    padding: 0;
    margin: 0px;
    font-family: sans-serif;
    font-weight: 400;
}

.boo-btn-facet {
    margin-top: 10px;
    color: #446478;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+60 */
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #ffffff 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efefef 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.boo-btn-facet:before {
    position: absolute;  
    left: 30px;
    font-family: FontAwesome;
    content: "\f0d7";
    font-size: 16px;
    color: #6E98AA;
    line-height: 30px;
}


.boo-btn-facet:hover {
    color: #c9302c;
    background-color: #f8f8f8;
}

.boo-btn-facet:focus {
    color: #c9302c;
    background-color: #a57980;
    border-color: #a8a8a8;
}

.boo-btn-facet.btn-default.active,
.boo-btn-facet.btn-default:active,
.boo-btn-facet.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e1e1e1;
    border-color: #666666;
    -webkit-box-shadow: none;
    box-shadow:  none;
}


/* tag */


.boo-btn-primary {
    color: #fff;
    background-color: #a8a191;
    border-color: #a49b85;
    margin: 5px 0px;
}

.boo-btn-primary:hover {
    color: #fff;
    background-color: #958c76;
    border-color: #a49b85;
}



/************************

TYPOGRAPHY

*************************/

h1 {
    color: #446478;
}


h1, h2, h3 {
    font-family: sans-serif;
    font-weight: 400;
}

h4 {
    font-size: 18px;
    line-height: 26px;
}

h3.boo-title {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0px;
}

.boo-title-bottom {
    border-bottom: 3px solid #6E98AA;
    padding: 8px 0px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}


.boo-align-center {
    text-align: center;
}

.boo-align-right {
    text-align: center;
}

.boo-abstract {
    font-size: 16px;
    margin: 20px 0px 35px 0px;
}

.boo-margin-s {
    margin: 5px 0px;
}

.boo-margin-m {
    margin: 10px 0px;
}

.boo-margin-l {
    margin: 20px 0px;
}

.boo-top-margin-xl {
    margin: 40px 0px;
}

.boo-top-margin-xxl {
    margin: 80px 0px;
}


/************************

TREE

*************************/


#tree {
    /*margin: 50px 0px 0px 0px;*/
    font-size: 16px!important;
}

.tree li {
    font-weight: 400!important;
    color: #555555!important;
}

.tree li a {
    color: #aa6e6e!important;
}

.indicator {
    color: #DF5B11;
}

.tree ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid #cccccc!important;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0;
}

.tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #cccccc!important;
}

/************************

IMG

*************************/

.boo-img {
    width: auto;
    height: 500px;
    background-color: #f8f8f8;
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.boo-img img {
    height: 100%;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #a8a8a8;
}

.img-circle {
    border-radius: 50%;
    border: 10px solid #d9d9d9;
}

/************************

TABLE

*************************/

.boo-table {
    border: 1px solid #d9d9d9;
}

.table>tbody>tr.boo-info>td, .table>tbody>tr.boo-info>th, .table>tbody>tr>td.boo-info, .table>tbody>tr>th.boo-info, .table>tfoot>tr.boo-info>td, .table>tfoot>tr.boo-info>th, .table>tfoot>tr>td.boo-info, .table>tfoot>tr>th.boo-info, .table>thead>tr.boo-info>td, .table>thead>tr.boo-info>th, .table>thead>tr>td.boo-info, .table>thead>tr>th.boo-info {
    border-bottom: 1px solid #d9d9d9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+67,efefef+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 67%, #efefef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 67%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 67%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    font-size: 16px;
    color: #43403c;
}

/************************

HEADER

*************************/


header {
   /* position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;*/
}


.boo-header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.boo-header h2 {
    font-size: 22px;
    margin-top: 0px;
}

.boo-header h1 {
    margin: 30px 0px 0px 0px;
}

.boo-logo-2x img {
    width: 80px;
    max-width: 100px;
}

.boo-logo-right {
    text-align: right;
}

.boo-logo-right img {
    width: 100px;
    max-width: 100%;
    margin-top: 10px;
}

.boo-breadcrumb {
    border-bottom: 1px solid #d9d9d9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+67,efefef+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 67%, #efefef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 67%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 67%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.boo-breadcrumb .breadcrumb {
    background-color: transparent;
    margin-bottom: 0px;
}


/************************

FOOTER

*************************/


footer {
    background-color: #6E98AA;
    padding: 50px 0px;
    color: #ffffff;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa6e6e+0,6e98aa+100 */
    background: #aa6e6e; /* Old browsers */
    background: -moz-linear-gradient(top, #aa6e6e 0%, #544544 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #aa6e6e 0%,#544544 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #aa6e6e 0%,#544544 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa6e6e', endColorstr='#544544',GradientType=0 ); /* IE6-9 */
    margin-top: 50px;
}


.boo-logo-footer {
    margin-bottom: 10px;
}

.boo-logo-footer img {
    width: 80px;
    max-width: 100%;
}

/************************

NAVBAR

*************************/

.boo-navbar-color {
	/* background-color: #446478; */
	background-color: #6E98AA;
	border-color: #e7e7e7;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	background: #aa6e6e;
	background: -moz-linear-gradient(top, #aa6e6e 0%, #544544 100%);
	background: -webkit-linear-gradient(top, #aa6e6e 0%,#544544 100%);
	background: linear-gradient(to bottom, #aa6e6e 0%,#544544 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa6e6e', endColorstr='#544544',GradientType=0 );
}

.navbar-default.boo-navbar-color .navbar-nav>li>a {
    color: #fff;
}

.navbar-default.boo-navbar-color .navbar-nav>.active>a,
.navbar-default.boo-navbar-color .navbar-nav>.active>a:focus,
.navbar-default.boo-navbar-color .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #43403c;
}

.navbar-default.boo-navbar-color .navbar-nav>.open>a,
.navbar-default.boo-navbar-color .navbar-nav>.open>a:focus,
.navbar-default.boo-navbar-color .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #aa6e6e;
}


.navbar-default.boo-navbar-color .navbar-nav>li>a:focus,
.navbar-default.boo-navbar-color .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #aa6e6e;
}


.navbar-default.boo-navbar-color .navbar-toggle .icon-bar {
    background-color: #fff;
}


.navbar-default.boo-navbar-color .navbar-toggle:focus,
.navbar-default.boo-navbar-color .navbar-toggle:hover {
    background-color: #43403c;
}

/************************

MEDIA LIST

*************************/

.boo-list-sm  {
    padding-top: 30px;
}

.boo-list-sm img {
    width: 100px;
    height: 100px;
}

/************************

TABS

*************************/



.nav-tabs.boo-nav-tabs>li>a {
    color: #6E98AA;
    font-size: 16px;
}

.nav-tabs.boo-nav-tabs>li.active>a,
.nav-tabs.boo-nav-tabs>li.active>a:focus {
    color: #555;
}


.nav-tabs.boo-nav-tabs>li.active>a:hover {
    color: #555;
}

.nav-tabs.boo-nav-tabs>li>a:hover {
    color: #555;
}


/************************

JUMBOTRON

*************************/

.jumbotron {
    margin-top: 20px;
    -webkit-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.27);
    box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.27);
    background-color: #fff;
}

.jumbotron h1 {
    font-size: 38px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #784448;
}

.jumbotron h1.boo-title {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 5px 0px;
    margin-bottom: 10px;
}

.jumbotron h2 {
    margin-top: 0px;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 200;
}


.boo-slider-caption {
    background-color: #f8f8f8;
    padding: 20px 20px;
    margin: 0px 0px 10px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
    text-shadow: none;
    color: #555;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


/************************

CAROUSEL

*************************/

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-width: 180px;
}

.owl-carousel .thumbnail {
    background-color: #f8f8f8;
}

.owl-dots {
    margin-bottom: 0px;
}

.owl-theme .owl-nav {
    margin-top: 0px!important;
}

.owl-theme .owl-nav [class*=owl-] {
    background: #6E98AA!important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #aa6e6e!important;
}


/************************

COLLAPSE

*************************/

.boo-collapseThree .panel-title a {
    font-size: 14px;
    text-decoration: none;
}

.panel-default.boo-collapseThree >.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 5px 10px;
}

.boo-collapseThree .panel-title a .fa {
    margin-right: 5px;
    color: #a8a8a8;
}

.boo-collapseThree .panel-title a:hover .fa {
    color: #c9302c;
}


/************************

BIBLIOGRAPHY

*************************/


.list-group-item-text {
    line-height: 1.8;
}

.list-group .fa {
    color: #666;
    margin-right: 10px;
}

/************************

FACET

*************************/


.boo-box-facet {
    height: 200px;
    margin: 0px 0px 15px 0px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-top: 0px;
}

.boo-box-facet-form {
    margin: 15px 0px;
    border: 1px solid #ccc;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.boo-box-facet-form .control-label {
    text-align: left;
}


.boo-box-facet-form form-inline {
    margin: 15px 0px;
}

.boo-box-facet-form input[type=text] {
    width: 5em!important;
    margin: 0px 6px;
}

.boo-box-facet-form select {
    width: auto!important;
}

.boo-box-facet .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.boo-box-facet .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 0px;
}

.boo-box-facet .list-group-item.active,
.boo-box-facet .list-group-item.active:focus,
.boo-box-facet .list-group-item.active:hover {
    z-index: 2;
    color: #000;
    background-color: #f8f8f8;
    border-color: #ddd;
}

.boo-box-facet .list-group-item.active:before {
   font-family: FontAwesome;
   content: "\f00c";
   margin-right: 5px;
   color: #5cb85c;
}

.boo-box-facet .list-group-item.active>.badge,
.boo-box-facet .nav-pills>.active>a>.badge {
    color: #fff;
    background-color: #898888;
}

.boo-box-facet .list-group-item>.badge {
    color: #555;
    font-weight: 400;
    background-color: #ddd;
}

.boo-box-facet a.list-group-item:hover,
.boo-box-facet button.list-group-item:hover {
    color: #c9302c;
    background-color: transparent;
}

.boo-box-facet a.list-group-item:focus,
.boo-box-facet button.list-group-item:focus {
    color: #555;
    background-color: transparent;
}

.boo-box-facet .list-group-item {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}



/********************************************************************

GOOGLE MAP

********************************************************************/


.boo-google-maps {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
    border: 3px solid #d9d9d9;
    }

.boo-google-maps	iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;	    
    }


 #container-map {
    width: 100%;
    height:500px;
    top:0px;
    left:0;
    position: relative;
    }
 
#top-sfu {
    width:100%;
    height:10px;
    position: absolute;
    z-index:20;
    top:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#727272+0,000000+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(114,114,114,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(114,114,114,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(114,114,114,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6727272', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }

#bottom-sfu {
    width:100%;
    height:10px;
    position: absolute;
    z-index:20;
    bottom:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,727272+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(114,114,114,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(114,114,114,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(114,114,114,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+,   Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6727272',GradientType=0 ); /* IE6-9 */
    }

#logo {
    width:160px;
    height:160px;
    background: url(map/logo-map.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right:20px;
    top: 20px;
    z-index: 30;
    }
    
.popup  {
    font-size: 18px;
    padding: 10px;
    }
    

.popup a {
    color:#fe4a5d;
    text-decoration: none;
    margin: 8px 0px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    }
    
.popup a:hover {
    text-decoration: underline;
    }

.popup h2 {
    font-size: 22px;
    border-bottom: 1px solid #d9d9d9;
    margin:0px 0px 8px 0px;
    padding: 0px 0px 6px 0px;
    }

.popup #berlin {
    width:220px;
    height:40px;
    background: url(map/berlin.png);
    text-indent: -9999px
    }

#map-canvas{ 
    width: 100%;
    height:100%;
    position:relative;
    z-index:10;
    }




/********************************************************************

MEDIA QUERY

********************************************************************/



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    
        .boo-logo-right {
            text-align: left;
            margin-bottom: 10px;
        }
        
        .boo-header h1 {
            margin: 0px 0px 0px 0px;
        }
        
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            border-color: transparent;
        }
        
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #fff;
        }
        
        .boo-slider-caption {
            display: none;
        }
        

        .boo-logo-footer {
            margin-bottom: 25px;
        }
        
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #fff;
            background-color: #aa6e6e;
        }

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }