@charset "UTF-8";
/*!
Theme Name: Vanguard 2016 v3.0
Theme URI: http://www.vanguardmm.com/
Author: Aung Linn
Author URI: http://www.felixmyanmar.net
Description: Build specially for Vanguard
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vanguard
Tags:
*/
/*--------------------------------------------------------------
# Bootstrap
--------------------------------------------------------------*/
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */





/******** Home Page *********/

.homenews-row {
  text-align: justify;
}
.homenews-row .entry-posted-date {
  text-transform: uppercase;
  font-size: 0.9em;
}
.homenews-row h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #808080;
  clear: both;
  height: 65px;
  padding-right: 20px;
  text-align: initial;  
}
.homenews-row a {
  clear: both;
  float: left;
  width: 100%;
  margin: 15px 0 30px;
}
div#homenews-row .homenews-row:last-child .homenews-info {
  border-right: 0px;
}
div#homenews-row .homenews-row .homenews-info {
  border-right: 1px solid #cacaca;
  min-height: 420px;
  padding-right: 20px;
}
.homenews-info img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.home div#comments {
  display: none;
}
.homeblog-left {
  border-left: 1px solid #cacaca;
}
.homeblogsingle.homeblog-right.col-md-4 a {
  bottom: 0;
  position: absolute;
  left: 0;
}
.row.homeblog-single .entry-posted-date {
  text-transform: uppercase;
  font-size: 0.9em;
}
.row.homeblog-single h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #808080;
}
.slider-block:hover figcaption {
  top: calc(76%) !important;
}
.slider-block:hover figcaption p {
  display: none !important;
}
.row.homeblog-single {
  text-align: justify;
}
#homeblog-wrapper div a {
  clear: both;
  float: left;
  width: 100%;
  margin: 10px 0 25px;
}
.homeblog-left .homeblogsingle:nth-child(1) {
  display: inline-block;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 30px;
}
/*p {
  text-align: justify;
}*/



/*********** End Home Page ********/





/******** SAP Page *********/

.support_column_wrap .key-panel{
  min-height:20em!important;   
}


/*********** End SAP ********/



/******** Contact Us Page *********/

.contact_info {
    height: 140px;
    background: #f8f8f8;
}


/*********** End Contact Us ********/



/******** Solution Page *********/

.solutions_wrap .solutions {
    position: relative;
}
.solutions_wrap a.solutions-readmore {
    position: absolute;
    bottom: 10px;
}

/*********** End Solution Page ********/



/******** Support Page *********/

.support_column_wrap .key-panel {
  min-height: 24em !important;
  position: relative;
}

/*********** End Support Page ********/


/******** Footer *********/

#footer-feat-area {
  margin-top: 2%;
}

/*********** End Footer ********/


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 990px) and (min-width: 300px)/*, (min-width: 1100px)*/ {
  
  #homenews-row .homenews-row .homenews-info{
    border-right: 0px;
    padding: 0 10px;
    min-height: auto;
  }
  /*.slider-block:hover figcaption,
  .slider-block figcaption {
    top: calc(85%) !important;
  }
  .slider-block figcaption p {
    display: none !important;
  }*/
  .homenews-row h5 {
    height: auto;
  }
  div#homenews-row .homenews-row .homenews-info {
    border-right: none;
    min-height: auto;
    padding: 0;
  }
  .homenews-row {
    display: inline-block;
  }
  div#homeblog-wrapper {
    border-left: 0;
    padding: 0;
  }
  .homeblogsingle.homeblog-right {
    height: auto !important;
    clear: both;
    display: inline-block;
    border-bottom: 1px solid #c0c0c0;
    margin: 0 10px 30px;  
    padding: 0;
  }
  .homeblogsingle.homeblog-right.col-md-4 a {
    bottom: 0;
    position: unset;
    left: 0;
  }
  .homeblog-left {
    border-left: 0px;
  }
  figure.slider-block {
    margin: 0;
    margin-top: -25px;
  }
}

@media (min-width: 1281px) {
  
  
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/


@media (min-width: 1025px) and (max-width: 1280px) {
  
  .sap-block figcaption {
    top: calc(70%)!important;
  }
  .sap-block h3 {
      font-size: 1.3em !important;
  }
  .sap-block:hover figcaption, 
  .sap-block:hover figcaption p
  .sap-block.hover .sap-block p {
      top: 40% !important;
  }
  .slider-block figcaption {
    top: calc(72%) !important;
  }
  .slider-block:hover figcaption {
    top: calc(69%) !important;
  }
  .slider-block h3 {
    font-size: 1.3em !important;
  }

  .solutions h2 {
    font-size: 25px;
  }

  .support_column_wrap .key-panel {
    min-height: 28em !important;
    position: relative;
  }
}

@media (min-width: 901px) and (max-width: 1024px) {
  
  .sap-block figcaption {
    top: calc(60%)!important;
  }
  .sap-block h3 {
    font-size: 1.3em !important;
  }
  .sap-block:hover figcaption, .sap-block:hover figcaption p
  .sap-block.hover .sap-block p {
    top: 40% !important;
  }

  .slider-block figcaption {
    top: calc(70%) !important;
  }
  .slider-block:hover figcaption {
    top: calc(69%) !important;
  }
  .slider-block h3 {
    font-size: 1.3em !important;
  }

  .solutions h2 {
    font-size: 25px;
  }

  .support_column_wrap .key-panel {
    min-height: 28em !important;
    position: relative;
  }

}

@media (min-width: 768px) and (max-width: 900px) {
  
  .sap-block figcaption {
    top: calc(63%)!important;
  }
  .sap-block h3 {
    font-size: 1.3em !important;
  }
  .sap-block:hover figcaption, .sap-block:hover figcaption p
  .sap-block.hover .sap-block p {
    top: 33% !important;
  }

  .slider-block figcaption {
    top: calc(62%) !important;
  }
  .slider-block:hover figcaption {
    top: calc(64%) !important;
  }
  .slider-block h3 {
    font-size: 1.2em !important;
  }

  .solutions h2 {
    font-size: 25px;
  }

  .support_column_wrap .key-panel {
    min-height: 30em !important;
    position: relative;
  }
  
}



@media (min-width: 740px) and (max-width: 990px) {
  
  .ppl-detail .profile-img {
    margin-right: 10px;
    float: left;
  }
  .row.footer-feat {
    text-align: center;
  }
  .footer-feat-text {
    text-align: center;
  }
  .footer-feat-btn {
    float: none;
  }  

  .support_column_wrap .key-panel {
   /* min-height: 33em !important;*/
    position: relative;
  }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /*.slider-block:hover figcaption, 
  .slider-block figcaption {
    top: calc(55%) !important;
  }*/

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /*.slider-block:hover figcaption, 
  .slider-block figcaption {
    top: calc(55%) !important;
  }*/
  .business-one .key-panel {
    min-height: auto;
    height: auto;
  }
  /*.sap-block:hover figcaption, .sap-block:hover figcaption p
   .sap-block.hover .sap-block p {
      top: 25% !important;
  }*/

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  .sap-block figcaption {
    top: calc(80%)!important;
  }
  .sap-block:hover figcaption, .sap-block:hover figcaption p
  .sap-block.hover .sap-block p {
    top: 78% !important;
  }
  .support_column_wrap .key-panel {
    min-height: auto!important;
  }
  .business-one .key-panel {
    min-height: auto;
    height: auto;
  }
  .sap-block {
    margin: 0!important;
  }
  /*.ppl-detail .profile-img {
    margin-right: 10px;
    float: left;
  }*/

  .slider-block figcaption {
    top: calc(83%) !important;
  }
  .slider-block:hover figcaption {
    top: calc(80%) !important;
  }
  .slider-block h3 {
    font-size: 1.3em !important;
  }
  .slider-block figcaption h3 a {
    font-size: unset !important;
  }
  .slider-block figcaption p {
    display: none !important;
  }

  .solutions h2 {
    font-size: 22px;
  }



}


@media (min-width: 696px) and (max-width: 768px) {
  .support_column_wrap .key-panel {
    min-height: 220px !important;
    position: relative;
    height: 300px;
  }
}
@media (min-width: 481px) and (max-width: 696px) {
  .support_column_wrap .key-panel {
    min-height: 290px !important;
    position: relative;
    height: 280px;
  }
}

@media (min-width: 300px) and (max-width: 660px) {
  .solutions {
    min-height: 325px;
  }
}

@media (min-width: 300px) and (max-width: 550px) { 
  .solutions h2 {
    font-size: 20px;
  }
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .business-one .key-panel {
    min-height: auto;
    height: auto;
  }
  .sap-block {
    margin: 0!important;
  }
  .sap-block figcaption {
    top: calc(82%)!important;
  }
  .sap-block:hover figcaption, .sap-block:hover figcaption p
  .sap-block.hover .sap-block p {
      top: 80% !important;
  }
  .slider-block figcaption h3 a {
    font-size: unset !important;
  }
  .slider-block figcaption p {
    display: none !important;
  }

  .solutions h2 {
    font-size: 20px;
  }

}



p{
  line-height: 28px;
}




