﻿* {
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
    list-style: none;
}


#primary-navigation > li {
    display: inline-block;
}

.has-submenu:hover .submenu {
}

img {
    max-width: 100%;
}

#wrapper {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

@media only screen and (orientation: landscape) {
    p, li, a {
      font-size: 1.5vmax !important;
    }
    h3 { font-size: 1.8vmax !important; }
  }
  
  @media only screen and (orientation: portrait){
    p,li,a {
      font-size: 1.5vmin !important; 
    }
    h3 { font-size: 1.8vmin !important; }
  }
  
  @media only screen and (max-width: 600px) and (orientation: portrait) {
    p, li, a {
      font-size: 2vmin !important;
    }
    h3 { font-size: 2.4vmin !important; }
  }
  
  @media only screen and (max-width: 500px) and (orientation: portrait) {
    p, li, a {
      font-size: 2.5vmin !important;
    }
    h3{ font-size: 3vmin !important; }
  }  
  
    @media only screen and (max-width: 400px) and (orientation: portrait) {
    p, li, a {
      font-size: 3vmin !important;
    }
    h3{ font-size: 3.6vmin !important; }
  }
  
    @media only screen and (min-width: 1000px) and (orientation: landscape) {
    p, li, a {
      font-size: 1vmax !important;
    }
    h3 { font-size: 1.3vmax !important; }
  }
  
   @media only screen and (min-width: 1200px) and (orientation: landscape) {
    p, li, a {
      font-size: 0.8vmax !important;
    }
    h3 { font-size: 1.1vmax !important; }
  }

/*bootstrap settings*/


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0px;
}


/*bootstrap settings end*/


/*@media only screen and (max-width: 900px) {

    #divWrapper5 > div, #divWrapper6 > div {
        width: 100%;
    }

    #divSearchRow2 {
        width: 100% !important;
        margin: 0px auto !important;
        padding: 2% !important;
    }

    #divSearchRow1, #divSearchRow3 {
        width: 100% !important;
    }

        #divSearchRow1 > div {
            display: inline-block !important;
            vertical-align: top !important;
            width: 31% !important;
            margin: 0px 1% !important;
        }

    #divCityArmsWrapper, #divSearchCollections {
        width: 48%;
        display: inline-block;
        margin-right: -5px;
        vertical-align: top;
        margin: 0px 1%;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 900px) {

    #divCityArmsWrapper, #divSearchRow1 {
        width: 25% !important;
        display: inline-block !important;
        margin-right: -5px;
    }

    #divSearchRow2, #divSearchCollections {
        width: 73% !important;
        display: inline-block;
        margin-right: -5px !important;
        margin: 0px 1% !important;
        vertical-align: top !important;
    }

    #divSearchRow3 {
        width: 100% !important;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {

    #divSearchRow1 > div, #sivSearchRow3 > div {
        width: 100% !important;
    }
}

@media only screen and (max-width: 550px) {

    #NavigationReiter {
        height: 55px !important;
    }

        #NavigationReiter a {
            float: left;
            height: 23px !important;
            top: 5px !important;
        }
}

@media only screen and (max-width: 1000px) and (min-height: 767px) {
    #sidebar-8-wrapper, #sidebar-9-wrapper {
        width: 50% !important;
    }
}

@media only screen and (max-width: 1000px) {
    .widget-Slideshow {
        min-height: 200px;
        width: 130px;
        margin: 0px auto;
        text-align: center;
    }
}

@media only screen and (max-width: 650px) {

    .widget-LogoL4F {
        margin: 20px 0px;
        text-align: center;
    }

    .widget-StockistInf table {
        margin: 0px auto;
    }
}*/
