#magic2 {height: 0px !important;}
#magic {height: 3px !important;}
.logo {bottom: -6.5px;left: -35px;}
.bluebar {border-bottom: solid #006fff 3px;width: 130px;display: block;position: relative;bottom: -72px;left: 258px;}

.posts_holder article .image  img {border-radius: 50%;
border: solid 6px transparent;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.posts_holder article .image  img:hover {border: solid 0px transparent;}
.posts_holder article .image img {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.flex-prev , .flex-next {border-radius: 50%;}

.alignright {margin: 0px !important;}
.testimonial {min-height: 225px;}

.portfolio_holder article .image img {border-radius: 50%;}
.portfolio_holder article .image {width: 74%;padding: 0 13% 0 13%;}
.portfolio_holder article h5 {text-align:center; font-size: 16px;padding-top: 10px;}
.portfolio_holder article a.view {left: 50%;margin-left: -40px;}
.separator {background-color: rgba(0, 0, 0, 0);}
.portfolio_holder article p {font-size: 16px; line-height: 17px;}

.drop_down .second ul li ul {border: solid #006FFF 3px;}
#magic2, .drop_down .second ul, .drop_down .second ul li ul {
border-bottom: solid #006fff !important;
border-left: solid #006fff !important;
background-color: rgba(255, 255, 255, 0) !important;}


.inner2 a {color: #7D7D7D !important;}
.inner2 a:hover {color: black !important;}
.drop_down .second {margin-top: -3px;}
.drop_down .second ul li {width: 110px;}

.portfolio_holder article h5 a {text-transform: uppercase;}

.tabs .tabs-nav li {
background-color: #252525;
display: block;
font-size: 16px;
font-family: inherit;
text-transform: uppercase;
padding: 0 25px;
height: 54px;
line-height: 54px;
text-decoration: none;
color: white;
}


.single nav.main_menu ul li:hover a {
background-color: rgba(0, 0, 0, 0);
border-bottom: solid 3px rgb(0, 111, 255);
height: 40px;
}


.single nav.main_menu ul li:hover .second a {
border-bottom: solid 0px !important;
height: 18px !important;
}

@media (max-width: 1120px) and (min-width: 961px){
nav.main_menu ul li a {font-size: 12.5px;padding: 0 7px;}
.bluebar {width: 70px;}
.testimonial .text {padding: 0 0 0 0px;}
}

@media only screen and (max-width: 960px) {
nav.main_menu ul li a {font-size: 16px;padding: 0 7px;}
.bluebar {display:none !important;}
.selectnav span {background-color: #7C7C7C;}

.selectnav ul li a {
padding: 6px 0px 6px 40px;
text-decoration: none;
display: block;
position: relative;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
word-spacing: 3px;}

.logo {left: 0px;
background: url(http://atelierfragile.fr/wp-content/uploads/2015/02/logohq.png);
background-size: 100%;
background-repeat: no-repeat;
height: 80px;
width: 100%;}

.logo a, .logo a img {display: none;}

.footer_bottom .left {width: 100%;float: left;text-align: left;}
.footer_bottom .right {width: 100%;float: left;text-align: left;}
.footspan {white-space: pre;}
.widget {white-space: pre;}

.testimonial .text {display: inline-block;padding: 0 0 0 0px;}
.testimonial_inner .image {float: none !important;text-align: center;}

}

@media only screen and (max-width: 500px) {
.container {width: 85%;}
.footer_content {width: 70%;padding: 15px;}
.portfolio_holder_v1, .portfolio_holder_v2, .portfolio_holder_v3, .portfolio_holder_v4 {width: 100%;}
.portfolio_holder_v1 article, .portfolio_holder_v2 article, .portfolio_holder_v3 article, .portfolio_holder_v4 article {width: 100%;}
}

@media only screen and (max-width: 320px) {.logo {height: 50px;}}
;