#featuredbox,#Gallerybox {height: 450px;}

#featuredbox {width: 1150px; position:relative; margin:0 auto;}
#featuredbox h1{vertical-align: middle; display:table-cell; height: 93px; font-size: 28px; color: #cdcfd2;}

#featuredbox #featured {width: 100%; float: left;}

#Gallerybox {display:none;width: 100%; overflow: hidden; margin: 0; padding: 0px; float: left; background: #111; border:0 none;}
#Gallerybox img {border: 0px none !important; margin: 0 !important;}
#myGallery, #myGallerySet, #flickrGallery {z-index: 5; width: 100%; height: 100%; padding: 0px; margin: 0px; overflow: hidden;}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {display: none;}
.jdGallery {overflow: hidden; position: relative;}
.jdGallery img {border: 0;}
.jdGallery .slideElement {width: 100%; height: 100%; background: #191919 no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.jdGallery .loadingElement {width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-color: #191919;}

.jdGallery .slideInfoZone {position: absolute; z-index: 10; margin: 0px; left: 0px; color: #FFFFFF; text-indent: 0; padding: 100px 0 0 !important; clear: both; float: left; width: 100%; height: 350px !important; top: 0px;
  background-color: rgba(0,0,0,0.4);
}

.jdGallery .slideInfoZone {}

.jdGallery .slideInfoZone a {color: #FFFFFF !important;}

span.read-more-button {
    width:100%;margin:35px 0 30px 0; display: block; font-family: 'FuturaPt',sans-serif;}

span.read-more-button a {
font-size:1em;color:#1280d5;border-radius:5px;border-bottom:1px dashed #1280d5;
}

span.read-more-button a {
text-decoration: none;
}

* html .jdGallery .slideInfoZone {bottom: -1px;}

.jdGallery .slideInfoZone h3 {font-size: 2.25em; line-height:1.2em; font-weight: bold; color: #FFFFFF;  text-decoration: none; text-transform: capitalize; display: block; margin: 0 0 0.25em; padding: 0 10%; width: 80%; letter-spacing: normal; text-align: left; float: left;}

.jdGallery .slideInfoZone p {padding: 0 10%; width: 70%; font-size: 1.2em; color: #fff; margin: 0px !important; float: left; line-height: 1.3em;}


.jdGallery .slideInfoZone a {text-decoration: none; color: #FFF;}
.jdGallery .slideInfoZone a:hover {text-decoration: none; color: #FFFFFF;}
.jdGallery a.open {left: 0; top: 0; width: 100%; height: 100%;}
.jdGallery a.right, .jdGallery a.left {position: absolute; height: 99%; width: 10%; cursor: pointer; z-index: 1000; filter:alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}
* html .jdGallery a.right, * html .jdGallery a.left {filter:alpha(opacity=50);}
.jdGallery a.right:hover, .jdGallery a.left:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.jdGallery a.left {left: 0; top: 0; background: url('img/fleche1.png') no-repeat center left;}
* html .jdGallery a.left {background: url('img/fleche1.gif') no-repeat center left;}
.jdGallery a.right {right: 0; top: 0; background: url('img/fleche2.png') no-repeat center right;}
* html .jdGallery a.right {background: url('img/fleche2.gif') no-repeat center right;}
.jdGallery a.open {left: 0; top: 0; width: 100%; height: 100%;}
.withArrows a.open {position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.withArrows a.open:hover {background: url('img/open.png') no-repeat center center;}
* html .withArrows a.open:hover {background: url('img/open.gif') no-repeat center center; filter:alpha(opacity=80);}


@media only screen and (min-width:780px) and (max-width:1118px) {
     span.read-more-button {
        margin: 15px 0 0px;
        padding-bottom: 30px; 
     }
}

@media only screen and (max-width: 770px){
     span.read-more-button {
        margin: 15px 0 0px;
        padding-bottom: 30px; 
     }
#featuredbox {
    max-width: 90%;
    
}

#featured img{width: 100%;}
.main-article{height: auto;padding-left: 50px;}
}






@media only screen and (min-width:771px) and (max-width:1118px) {

    #featured img {
    width: 100%;
}
    .main-article{height: auto;    padding-left: 50px;}
}