﻿.flex-row{ display: flex; align-items: center;}
.blog-page .col-md-6{padding: 0;}
.blog-page {font-family: "Segoe UI";}
.top-div{margin: 0 20px;}
.blog-page .top-div > div{ padding: 0;}
.aligncenter {
    margin: 0 auto;
    display: table;
}
.left-img-div{min-height: 622px; width: 100%; background-repeat: no-repeat;; background-position:center top; background-size: cover;}
.blog-page .top-div{ background: #080808;}
.right-text-div{ padding:0 80px;}
.right-text-div span.date{font-size: 14px; color: #a4a4a4;}
.right-text-div h3{font-size: 25px; color: #f2d64d;     margin:7px 0 17px;}
.right-text-div p{font-size:14px; color: #a4a4a4; line-height:normal}
.yellow-btn{font-size: 14px; color: #080808; background: #f2d64d; display: inline-block ;   padding: 11px 22px;
    margin-top: 26px;}
    
    .mg20{ margin: 0 20px;}
    .blog-listing {    margin-top: 42px;}
   .blog-listing .col-sm-4{padding:0 20px;}
   .blog-listing  .blog-item span.date{ font-size: 14px; color: #606060;}
   .blog-listing  .blog-item figure {margin-bottom: 36px;overflow: hidden;}
   .blog-listing  .blog-item figure  img{ max-width:100%; transition: all .5s;}
   .blog-listing  .blog-item:hover figure img{-webkit-transform: scale(1.2);transform: scale(1.2)}
   .blog-listing  .blog-item  h3{ font-size: 25px; color: #303030; font-weight: 500;margin: 6px 0 16px; font-weight: bold;;}
   .blog-listing  .blog-item p{font-size: 14px; color: #606060; line-height: normal;}
   .blog-item{margin-bottom: 30px;}
   .blog-listing  .blog-item .yellow-btn{margin-top: 18px;}
   .iner-blog-baner h1 { font-family: 'Segoe UI';font-weight: bold;color: #f2d64d;font-size: 50px;}
   .iner-blog-baner p { color: #fff;font-size: 16px;margin: 0;font-family: 'Segoe UI';}
   .iner-blog-text p {font-size: 16px; font-family: 'Segoe UI'; font-weight: bold; color: #606060;text-align: justify;}
   .iner-blog-baner {background-repeat: no-repeat;background-size: cover; position: relative;height: 200px;
    margin: 0px 0px 50px 0px; }
   .alignleft {padding: 5px 20px 0px 0px;float: left;}
   .iner-blog-content {padding: 70px 0px;}
   .aligncenter {text-align: center;}
   .aligncenter img {padding: 15px 0; max-width: 100%;}
    .iner-blog-text img {max-width: 100%}
    .iner-blog-baner-h1 {padding: 0px 31px;position: absolute;bottom: 0;}
    .iner-blog {float:left; width: 100%}
    .center-image{ text-align:center;padding: 15px 0px;}



   @media screen and (max-width:1400px){
       .left-img-div{min-height: 501px;}
       .right-text-div{padding: 0 58px;}
        .iner-blog-baner h1 {font-size: 30px;line-height: 30px;}

       

   }
   @media screen and (max-width:991px){
    .flex-row{ display:block;}
    .right-text-div{padding: 5vh 4vh;}
    .navbar.fixed .navbar-toggle{ margin: 6px 0;}
    .iner-blog-baner h1 {font-size: 30px;line-height: 30px;}
    .iner-blog-text img { width: 100%}
    .alignleft {padding: 10px 0px;}
    
   }

   @media screen and (max-width:440px){

    .blog-listing .col-sm-4{width:100%;}
    .top-div{margin: 0;}
    .blog-listing .col-sm-4{padding: 0;}
    .blog-listing .blog-item figure img{ width:100%;}
   .iner-blog-text p { text-align: justify; font-size: 12px;}
   .iner-blog-baner p { font-size: 12px;}
   .iner-blog-baner h1 {font-size: 25px;line-height: 30px;}
   .iner-blog-baner-h1 {padding: 0px 15px;}
   .iner-blog-baner {height: 150px;}
   .alignleft {padding: 10px 0px;}
   
   
   }
