/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-Jan-2018, 13:49:14
    Author     : jawosh
*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */


.icon-box .box-body {
        max-width: 250px;
    }

    .icon-box .box-header {
        max-width: 250px;
    }


    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
        max-width: 500px;
    }

    .logo-img{
        width: 400px;
        max-width: 100%;
    }


    @media only screen and (max-width: 768px){
        .mobile-menu-area {
            display: block !important;
        }

    }

    @media only screen and (min-width: 992px){
        .container-fluid1 {
            margin-top: 8em;
        }
        .logo-img{
            width: 400px;
            max-width: 100%;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1200px){
        .container-fluid1 {
            margin-top: 9em;
        }

        .main-header-area .main-menu-area {
            font-size: 10px;
        }
        .logo-img{
            max-width: 200% !important;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 992px){
        .container-fluid1 {
            margin-top: 9em;
        } 
        .main-header-area .main-menu-area {
            font-size: 9px;
        }
        .logo-img{
            max-width: 100% !important;
        }
    }


}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ /*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
    */
    /* 
        Created on : 20-Jan-2018, 13:49:14
        Author     : jawosh
    */
.icon-box .box-body {
        max-width: 250px;
    }

    .icon-box .box-header {
        max-width: 250px;
    }


    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
        max-width: 500px;
    }

    .logo-img{
        width: 400px;
        max-width: 100%;
    }


    @media only screen and (max-width: 768px){
        .mobile-menu-area {
            display: block !important;
        }

    }

    @media only screen and (min-width: 992px){
        .container-fluid1 {
            margin-top: 8em;
        }
        .logo-img{
            width: 400px;
            max-width: 100%;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1200px){
        .container-fluid1 {
            margin-top: 9em;
        }

        .main-header-area .main-menu-area {
            font-size: 10px;
        }
        .logo-img{
            max-width: 200% !important;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 992px){
        .container-fluid1 {
            margin-top: 9em;
        } 
        .main-header-area .main-menu-area {
            font-size: 9px;
        }
        .logo-img{
            max-width: 100% !important;
        }
    }


}

/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2)
{ }

/* iPhone 6 portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{ }

/* iPhone 6 Plus landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 3)
{ }

/* iPhone 6 Plus portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 3)
{ }

/* iPhone 6 and 6 Plus */
@media only screen
  and (max-device-width: 640px),
  only screen and (max-device-width: 667px),
  only screen and (max-width: 480px)
{ }

/* Apple Watch */
@media
  (max-device-width: 42mm)
  and (min-device-width: 38mm)
{ }