@media only screen and (max-width: 768px) 
{
    .contact-data {
    flex-flow: column;
}
    
    .pdf_container
    {
        flex-flow: column;
    }
    
.pdf {
    width: 100%;
}
.header-top{
  height: auto;
}
.page .col-3
{
    width:100%;
}
/* .flexslider .slides > li {
    width: 100% !important;
} */
.header-contact p {
    margin-left: 0px;
    display: flex;
    /* width: 100%; */
}
.header-top .row .col {
    width: 100%;
}
.search-form {
    direction: rtl;
    margin-right: 5%;
    margin-bottom: 10px;
}
#navigation {
    float: none;
    width: 100%;
    flex-flow: column;
}
.header-contact {
    margin-bottom: 15px;
    flex-flow: column;
    align-content: flex-end;
    align-items: flex-start;
    justify-content: flex-start;
    direction: rtl;
}
#navigation ul {
    width: 100%;
    text-align: right;
}
.header-contact i{
  margin-left: 5px;
}
#navigation ul li {
  padding: 0 0px 0 0;
}
#navigation ul li:not(.active) a{
  padding-right: 10px;
}
.header-top .row {
    display: flex;
    width: 100%;
    flex-flow: column;
}
.header-middle {
    flex-flow: column;
}
#navigation ul li {
    float: none;
}
.main .cols .col {
    width: 80%;
    float: none;
    margin: 20px auto;
}
.page-links .container {
    flex-flow: column;
}
.page-link div {
    margin: auto;
}
.main .featured .entry {
    width: 80%;
    float: none;
    margin: 30px auto;
}
.widgets p {
    margin-right: 10px;
}
.main .cols .col:last-of-type {
    margin-left: auto !important;
}
.page-link {
    margin-bottom: 15px;
}
.profile-block p {
    padding: 0 0px 0 0px;
    margin-left: 0;
    width: 100%;
    margin-bottom: 15px;
}
#social {
    width: 100%;
    margin-left: 0;
    text-align: right;
    background: #ec7237;
    padding: 5px;
}
#footer p.copy {
    margin-bottom: 0;
    position: static;
    color: #fff;
}
#footer {
    background-size: 100% auto;
        padding-bottom: 200px;
}
.profile-block {
    flex-flow: column;
        margin-bottom: 0px;
}
.page {
    padding: 30px 0;
}
.news .row {
    flex-flow: column;
}
.news .row .col-md-4 {
    width: 80%;
    margin: 20px auto;
}
.news-row {
    flex-flow: column;
    margin-left: 0;
}
.news-img {
    width: 100%;
    height: auto;
}

}
