/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

body {
  
  font-family: 'Roboto', sans-serif;
  
}

.img-media {
    width: 558px; 
    height: 632px;
  }

  @media (min-width: 220px) {
    .img-media {
        width: 290px; 
        height: 351px;
      }
  }

  @media (min-width: 290px) {
    .img-media {
        width: 320px; 
        height: 381px;
      }
  }

  @media (min-width: 320px) {
    .img-media {
        width: 370px; 
        height: 431px;
      }
  }
  @media (min-width: 370px) {
    .img-media {
        width: 420px; 
        height: 481px;
      }
  }


  @media (min-width: 420px) {
    .img-media {
        width: 470px; 
        height: 531px;
      }
  }

  @media (min-width: 492px) {
    .img-media {
        width: 558px; 
        height: 632px;
      }
  }

  @media (min-width: 768px) {
    .img-media {
        width: 700px; 
        height: 632px;
      }
  }

  @media (min-width: 820px) {
    .img-media {
        width: 718px; 
        height: 632px;
      }
  }

  @media (min-width: 992px) {
    .img-media {
        width: 500px; 
        height: 632px;
      }
  }

  @media (min-width: 1200px) {
    .img-media {
        width: 558px; 
        height: 632px;
      }
  }


@media (max-width: 767.98px) {
  .logo span.logo-lg {
    display: block;
  }
  .logo span.logo-sm {
    display: none;
  }
}



/* @media (max-width: 767.98px) {
  .navbar-brand-box {
    display: block;
  }
}

@media (max-width: 767.98px) {
  [data-layout=vertical] .navbar-brand-box {
    display: block;
  }
} */