/* Extra small devices (phones) */
@media (max-width: 782px) {
    .folio-description:first-child {
        top: 233px;
        background: #337ab7;
    }
    .folio-description h2 {
        opacity: 1;
        font-size: 1.25rem;
        color: #fff;
        margin-top: 7px;
    }
    .folio-description span {
        opacity: 1;
        color: #fff;
        display: none;
    }
    .thumbs-row {
        margin: 2px;
    }
    .blogList2img img {
    width: 80% !important ;
    height: auto !important;
}
    .datea > h2 {
        font-size: 15px;
    }
    .datea > p {
        font-size: 10px !important;
    }
    .metabloglist2 {
        height: 56px;
        padding: 7px 14px 6px;
        width: 47px;
    }
    .RSAvatar {
    text-align: center;
    width: 100%;
    float: left;
}
    .RSName {
    width: 100%;
    float: left;
    }
    .RSSurName {
    float: left;
    width: 100%;
    }
    .RSTel {
    width: 100%;
    float: left;
}
    .RSText {
    font-size: 20px;
    text-align: center;
    width: 100%;
    }
}

/* Small devices (tablets) */
@media (min-width: 783px) and (max-width: 991px) {  
     .reg-form .comonHeading {
        font-size: 22px;
        line-height: 1.2;
    }
        .folio-description {
        top: 233px;
        background: #337ab7;
    }
        .folio-description span {
        opacity: 1;
        color: #fff;
    }
        .folio-description h2 {
        opacity: 1;
        font-size: 1.25rem;
        color: #fff;
        background: #337ab7;
        margin-top: 7px;
    }
     .folio-description span {
        opacity: 1;
        color: #fff;
        background: #337ab7;
        display: none;
    }
    .thumbs-row {
        margin: 2px;
    }
    #menu-main_menu .fixedHeader .mainMenu ul li {
        margin-right: 40px;
    }
    .mainMenu ul {
        text-align: right;
    }
      .widgetTitle {
        margin: 58px 0 4px;
    }
    .blogList2img img {
    width: 45% !important;
    height: auto !important;
    
}
    .datea > h2 {
        font-size: 22px;
    }
    .datea > p {
        font-size: 11px !important;
    }
    .metabloglist2 {
        height: 62px;
        padding: 7px 14px 6px;
        width: 54px;
    }
    .ref-top {
        top: 10px;
    }
}


/* Medium devices (desktops) */
@media (min-width: 992px) and (max-width: 1199px) {
    .thumbs-row {
        margin: 1px;
    }
     .reg-form .comonHeading {
        font-size: 24px;
        line-height: 1.2;
    }
     .folio-description:first-child {
        top: 233px;
        background: #337ab7;
    }
    .folio-description h2 {
        opacity: 1;
        font-size: 1.25rem;
        color: #fff;
        margin-top: 7px;
    }
    .folio-description span {
        bottom: 187px;
        position: relative;
    }
    .mainMenu ul li {
        margin-right: 19px !important;
    }
    #menu-main_menu .fixedHeader .mainMenu ul li {
    margin-right: 40px;
}
    .widgetTitle {
        margin: 58px 0 4px;
    }
    .blogList2img img {
    width: 35% !important;
    height: auto !important;
}
    .fixedHeader .logo {
        padding-top: 35px !important;
    }
    .ref-top {
        width: 423px;
        position: relative;
        top: 10px;
        left: 70px;
    }
}
    

/* Large devices (large desktops) */
@media (min-width: 1200px) { 
     .thumbs-row {
        margin: 1px;
    }
    .reg-form .comonHeading {
        font-size: 24px;
        line-height: 1.2;
    }
     .folio-description:first-child {
        top: 233px;
        background: #337ab7;
    }
    .folio-description h2 {
        opacity: 1;
        font-size: 1.25rem;
        color: #fff;
        margin-top: 7px;
    }
    .folio-description span {
        bottom: 187px;
        position: relative;
    }
    .RSText {
        margin-top: 4%;
    }
    .ref-top {
        left: 88px;
        width: 500px !important;
}
    }