@media only screen and (max-width:240px) {
    .wrapper {
        width: 100%;
    }

}


@media only screen and (min-width:241px) and (max-width:480px) {

    .wrapper, .avatar img {
        width: 100%;
    }
    .white-box {
        padding: 30px;
    }
    footer .copyright, footer .share-link {
        float: none !important;
        text-align: center;
    }

    .white-box blockquote{
        width: 80%;
    }
    .contact-info, .about-info {
        margin: 0 auto;
        width: 100%;
    }

    .address .col-md-6 {
        border-right: none;
    }

    .address .info {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    footer .share-link {
        border: medium none;
        margin: 15px 0 0;
    }
  
  	#footer {text-align:center; height:auto;}
  
  	#footer .copyright, #footer .share-link {
  		  display:inline-block;
  }
  
  .error-wrap img {
    width:100%;
	}

}

@media only screen and (max-width:479px) {

    .wrapper, .avatar img {
        width: 100%;
    }

    .white-box {
        padding: 30px;
    }
    footer .copyright, footer .share-link {
        float: none !important;
        text-align: center;
    }
    .white-box blockquote{
        width: 90%;
    }
    .contact-info, .about-info {
        margin: 0 auto;
        width: 100%;
    }

    .address .col-md-6 {
        border-right: none;
    }

    .address .info {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    footer .share-link {
        border: medium none;
        margin: 15px 0 0;
    }

    .pagination-post span, .pagination-post h5 {
        display: none;
    }

}

@media only screen and (min-width:481px) and (max-width:729px) {
    .wrapper {
        width: 100%;
    }
}


@media only screen and (min-width:801px) and (max-width:990px) {
    .wrapper {
        width: 100%;
    }

}

@media only screen and (max-width:800px) {
    .wrapper {
        width: 100%;
    }

}

@media only screen and (min-width:768px) and (max-width:800px) {

    .wrapper {
        width: 100%;
    }
    .top-bar-logo {
        float: none;
        padding: 15px 0;
        text-align: center;
        line-height: normal;
    }

    .left-responsive-logo {
        text-align: center;
    }

    .left-responsive-logo .slicknav_nav {
        text-align: left;
    }

    .left-responsive-logo img {
        padding: 15px 0;
    }

    .left-responsive-logo{
        display: block !important;
        position: relative;
        z-index: 5000;
    }




}


@media screen and (max-width: 60em) {
  
  .menu-primary-container, .top-navigation > div {
  		float:none;
  }
  
  	header {
	  		margin-bottom: 60px;
  	}
    .left-responsive-logo{
        display: block;
        position: absolute;
        width: 100%;
        top: 0px;
        background-color: #fff;
        z-index: 5000;
    }

    .top-bar-logo{
        float: none;
        padding: 15px 0;
        text-align: center;
        line-height: normal;
    }

    .search-style-one .search-row {
        width: 90%;
    }

    .search-style-one {
        color: #fff;
        position: absolute;
        right: 0;
        z-index: 1300;
    }

    .search-style-one a {
        background: #000;
        cursor: pointer;
        display: inline-block;
        height: 42px;
        line-height: 42px;
        text-align: center;
        width: 45px;
    }

    .search-icon, .top-control {
        float: right;
        line-height: 42px;
    }

    .search-icon i, .top-control i {
        color: #fff;
    }

    .slides-controler .expand, .slider-title {
        display: none;
    }


    .left-responsive-logo {
        text-align: center;
    }

    .left-responsive-logo .slicknav_nav {
        text-align: left;
    }

    .left-responsive-logo img {
        padding: 15px 0;
    }

    .comments-area .comment-respond input {
        width: 100%;
    }

    .top-info {
        display: none;
    }

    .comments-area .comment-form-comment textarea {
        width: 100%;
    }

    .comments-area .comment-respond .form-submit input {
        margin-left: 0;
    }
}
@media only screen and  (max-width:990px) {

    .left-navigation{

        left:-265px;
        top: 0px;
    }
    .page-container{
        margin-left: 0px;
    }
  
  	.top-info {
  		display:none;
  	}

}
@media only screen and (min-width:0px) and (max-width:767px) {
    .wrapper {
        width: 100%;
    }
    .top-bar-logo{
        float: none;
        padding: 15px 0;
        text-align: center;
        line-height: normal;
    }
    .left-responsive-logo {
        text-align: center;
    }
    .left-responsive-logo .slicknav_nav {
        text-align: left;
    }
    .left-responsive-logo img {
        padding: 15px 0;
    }

}