/* This is for tablet display */
@media (min-width: 768px){
.header_area .col-lg-3{width:30%;
float:left;
}
.header_area .col-lg-9{
width:70%;
float:left;
}
.welcome_widgets .col-lg-4, .footer_top_area .col-lg-4{
float:left;
width:33.3333%;
}
#fullwidth_blog .col-lg-4{
width:50%;
}
.internal_page div.col-lg-8{
float:left;
width:65%;
}
.internal_page div.col-lg-4{
float:right;
width:35%;
}
.blog_content .post{
width:455px;
}
.portfolio_list .col-lg-4{
float:left;
width:49.5%;
}
.stick_menu{
position:inherit;
}
.color_change_function{
display:block;
}
#contact_form textarea{
width:405px;
}
.content, .sidebar{
margin-bottom:30px;
margin-top:30px;
}
.portfolio_list{
margin:30px 0 0px;
}
.welcome_widgets{
margin-bottom:30px;
}
#fullwidth_blog, .blog_content #fullwidth_blog{
margin-top:30px;
}
.post_navigation{
margin-bottom:30px;
}
nav#dropdown li a{
font-size:13px;
letter-spacing:1px;
margin-left:0;
padding:15px 0 15px 10px;
}
nav#dropdown li ul{
margin-left:10px;
top:30px;
width:210px;
}
nav#dropdown li ul li:hover ul{
left:200px;
}
.filter_controls h3 {float:none;text-align:center}
}

/* This is for desktop display */
@media (min-width: 992px) and (max-width: 1199px){
#fullwidth_blog .col-lg-4,  .portfolio_list .col-lg-4{width:33.3333333%;
}
.blog_content .post{
width:285px;
}
.portfolio_list .col-lg-4{
float:left;
width:33%;
}
.stick_menu{
position:fixed;
}
.color_change_function{
display:block;
}
#contact_form textarea{
width:550px;
}
.content, .sidebar{
margin-top:70px;
margin-bottom:50px;
}
.portfolio_list{
margin:80px 0 60px;
}
.welcome_widgets{
margin-bottom:80px;
}
#fullwidth_blog, .blog_content #fullwidth_blog{
margin-top:70px;
}
.post_navigation{
margin-bottom:70px;
}
nav#dropdown li a{
font-size:14px;
padding:15px 0 15px 15px;
margin-left:0px;
letter-spacing:3px;
}
nav#dropdown li ul{
margin: 0 0 0 15px;
top:35px;
width:245px;
padding:0
}
nav#dropdown li ul li:hover ul{
left:220px;
}
.filter_controls h3 {float:left;text-align:left}
}

/* This is for bigger display */
@media (min-width: 1200px){
#fullwidth_blog .col-lg-4,  .portfolio_list .col-lg-4 {width:33.3333333%;
}
.blog_content .post{
width:350px;
}
.stick_menu{
position:fixed;
}
.color_change_function{
display:block;
}
#contact_form textarea{
width:680px;
}
.content, .sidebar{
margin-top:70px;
margin-bottom:50px;
}
.portfolio_list{
margin:80px 0 60px;
}
.welcome_widgets{
margin-bottom:80px;
}
#fullwidth_blog, .blog_content #fullwidth_blog{
margin-top:70px;
}
.post_navigation{
margin-bottom:70px;
}
nav#dropdown li a{
font-size:14px;
padding:15px 0 15px 15px;
margin-left:10px;
letter-spacing:3px;
}
nav#dropdown li ul{
margin: 0 0 0 25px;
padding: 0;
top: 35px;
width: 245px;
}
nav#dropdown li ul li:hover ul{
left:220px;
}
.filter_controls h3 {float:left;text-align:left}
}

/* This is for mobile(vertical) display */
@media (max-width: 767px){
.logo {margin-bottom:40px;
text-align:center;
}
span.logo_border{
margin:0 auto 15px;
}
.logo p{
margin:0 auto;
}
.follow_links{
float:none;
margin:10px auto 20px;
width:175px;
}
.logo{
margin-bottom:30px;
}
.post{
margin:2px 2px 25px;
}
nav#dropdown{
text-align:center;
}
.portfolio_list .col-lg-4{
float:left;
width:100%;
}
.stick_menu{
position:inherit;
}
.color_change_function{
display:none;
}
#contact_form textarea, form#searchform input[type="text"]{
width:100%;
}
.content, .sidebar{
margin-bottom:30px;
margin-top:30px;
}
.portfolio_list{
margin:30px 0 0px;
}
.welcome_widgets{
margin-bottom:30px;
}
#fullwidth_blog, .blog_content #fullwidth_blog{
margin-top:30px;
}
.post_navigation{
margin-bottom:30px;
}
.filter_controls h3 {float:none;text-align:center}


.navbar-header {
  text-align: center;
}

.navbar-toggle {
  float: none;
}

.post img {max-width:600px;}

#fullwidth_blog .post {
  width: 92%;
}


div.navbar-collapse.collapsing ul.nav.navbar-nav, div.navbar-collapse.in ul.nav.navbar-nav{margin:0;padding:0;list-style:none}
div.navbar-collapse.collapsing ul.nav.navbar-nav li, div.navbar-collapse.in ul.nav.navbar-nav li{float:none;display:block}
div.navbar-collapse.collapsing ul.nav.navbar-nav li a, div.navbar-collapse.in ul.nav.navbar-nav li a{display:block}


div.navbar-collapse.collapsing ul.nav.navbar-nav li ul li:hover a, div.navbar-collapse.in ul.nav.navbar-nav li ul li:hover a {
  background: none;
  color: #000;
}


div.navbar-collapse.in ul.nav.navbar-nav li a:hover{}

div.navbar-collapse.collapsing ul.nav.navbar-nav li ul, div.navbar-collapse.collapsing ul.nav.navbar-nav li ul ul, div.navbar-collapse.in ul.nav.navbar-nav li ul, div.navbar-collapse.in ul.nav.navbar-nav li ul ul{background: none repeat scroll 0 0 transparent;
left: auto;
list-style: outside none dise;
margin-right: 20px;
padding: 0;
position: relative;
right: auto;
top: auto;
width: auto;}
div.navbar-collapse.in ul.nav.navbar-nav li ul, div.navbar-collapse.in ul.nav.navbar-nav li:hover ul{position:relative;left:auto;right:auto;top:auto}


}

/* This is for mobile(horizontal) display */
@media screen and (max-width: 400px){
.portfolio_list .col-lg-4  {float:left;
width:100%;
}
.stick_menu{
position:inherit;
}
.color_change_function{
display:none;
}