.navbar-static-top{ box-shadow: none; border: 0px;}
.blogs { margin: 50px auto; padding: 0 15px;}
.blogs #sidebar {  box-sizing: border-box; }
.blogs #sidebar .search { background: #f2f2f2; display: flex; justify-content: space-between; padding: 5px 10px; margin-bottom: 30px; }
.blogs #sidebar .search input[type="text"] { background: #f2f2f2; font-size: 10px; padding: 5px; color: #979188; border: 0px; margin: 0; }
.blogs #sidebar .search input[type="submit"] { background: url(http://localhost/rockeditor/frontend/assets/images/search-icon.png) no-repeat 0 0; height: 19px; width: 19px; border: 0px; cursor: pointer; }
.blogs #sidebar h3 { color: #686868; font-size: 17px !important; font-weight: 300; margin-top: 0px; }
.blogs #sidebar a{ font-size: 17px;}
.blogs #sidebar .socialicons { margin-top: 30px; border-bottom: 1px #ddd solid; padding-bottom: 20px; }
.blogs #sidebar .socialicons li { display: inline-block; margin: 0 5px; }
.blogs #sidebar .socialicons li a { background: #43609c; width: 25px; height: 25px; color: #fff; display: inline-block; border-radius: 50%; line-height: 2.5; text-align: center; font-size: 11px; }
.blogs #sidebar .socialicons li a.gplus { background: #f14033; }
.blogs #sidebar .socialicons li a.linkedin { background: #177eb8; }
.blogs #sidebar .socialicons li a.twitter { background: #23a9e6; }
.blogs #sidebar .socialicons li a:hover { opacity: 0.9; } 
.blogs #body .data-row { padding: 35px 0; border-bottom: 1px #e7e7e7 solid; }
.blogs #body .data-row:first-child{ padding: 0 0 35px;}
.blogs #body .data-row:last-child { border: 0px; }
.blogs #body .data-row a { color: #0079c5; font-size: 22px; font-weight: 300; display: inline-block; }
.blogs #body .data-row span { color: #4e4e4e; font-size: 10px; font-weight: 300; margin-bottom: 15px; display: block; }
.blogs #body .data-row strong span, .containers #body .data-row p span { background: #ccffff;  color: #4e4e4e; display: inline-block; 
    font-weight: 500; font-size: 14px;}
.blogs #body .data-row .post { color: #353535; font-size: 14px; font-weight: 300; margin-bottom: 30px; }
.blogs #body .data-row a.readmore { display: inline-block; padding: 5px 8px; border: 1px #3c99d3 solid; color: #0079c5; font-size: 13px; font-weight: 300; }
.blogs #body .data-row a.readmore:hover { background: #0079c5; color: #fff; text-decoration: none; }
.blogs #breadcrumb { border-bottom: 1px #ebebeb solid; margin-bottom: 30px;}
.blogs #breadcrumb li { display: inline-block; color: #797979;  font-size: 14px;}
.blogs #breadcrumb li a { color: #797979; }
#body .data-row p{
    font-size: 14px !important;
}
.pagination > li > a, .pagination > li > span{
    font-size: 13px;
    padding: 5px 10px;
}
.blogimage{    
    float: right;
    margin: 0px 0 0 20px;
    width: 300px;
    height: 120px;
}
.blogimage img{
    width: 100%;
    height: 100%;
    display: inline-block;
    top: -20px;
    position: relative;
}
#sidebar button{    
    border-radius: 0px;
    margin-top: 5px;
    font-size: 13px;
    padding: 4px 9px;
}
#sidebar button.close{    
    font-size: 20px;
    background: #0079c5;
    padding: 5px 8px;
    color: #fff;
    opacity: 1;
    font-weight: 300;
}
#sidebar .modal-header{
    border: 0px !important;
}
#sidebar #contactus{
    padding:  0 20px 25px;
}
#sidebar #contactus .btn{  
    padding: 10px 25px;
    font-size: 14px;
    border-radius: 20px;
}
#sidebar #contactus h3{ 
    font-size: 24px !important;
    font-weight: 400; 
    margin-bottom: 20px;
    color: #0079c5;
}
#sidebar .modal-dialog{
    width: 500px;
}
.flip {
  -webkit-perspective: 800; 
   height: 345px;
    position: relative; 
}
.flip .card.flipped {
  -webkit-transform: rotateY(-180deg);
}
.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
}
.flip .card .face {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden ;
  z-index: 2; 
}
.flip .card .front {
  position: absolute;
  z-index: 1; 
    cursor: pointer;
}
.flip .card .back {
  -webkit-transform: rotateY(-180deg);  
    cursor: pointer;
}
.modal-body .text-align p{
    font-size: 14px !important
}
@media (min-width: 768px) and (max-width: 991px){
    .blogs{
        width: 100%;
    }
}
@media (max-width:767px){    
    #sidebar .modal-dialog{
        width: 96%;
        margin: 0 2%;
    }
    .solutions .services{
        text-align: center;
    }
    .size-full{
        max-width: 100%;
    }
}