@charset "utf-8";

/* CSS Document */

.nav > li.dropdown.open {

  position: static;

}



.nav > li.dropdown.open .dropdown-menu {

  /*display: table;*/

  border-radius: 0px;

  width: 100%;

  text-align: left;

  left: 0;

  right: 0;

}



.dropdown-menu > li {vertical-align: middle;}



.mainNavigation {

    position: absolute;

    left: 0%;

    margin-left: 0;

    /*padding-left: 240px;*/

    padding-left: 150px;

    width: 100%;

}



.container1800{width: 100%; max-width: 1800px; padding:0px 15px; margin: 0 auto; }





.menuImgBox{width: 100%; background: #fff; padding: 60px 10px; text-align: center;}

.menuImgBox img{max-width: 100%; height: auto;}



.dropdownFull .mainNavigation{}

.dropdownFull .dropdown.open>a{color: #000 !important; background: #9ed2d5 !important;}



.dropdownFull .mainNavigation>li{}

.dropdownFull .mainNavigation h4{font-size: 13px; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;}

.dropdownFull .dropdown .dropdown-menu>div>li{float: left; width: 16%; min-height: 220px; margin-bottom: 10px; padding-right: 3%;}

.subMenuList{}

.subMenuList>li{}

.subMenuList>li>a{font-size: 12px; color: #000; letter-spacing: 1px; text-transform: capitalize; padding: 0; position: relative; line-height: 27px;}

.subMenuList>li>a:after{position: absolute; content: '\f105'; font-family: 'fontawesome'; right: 0; font-size: 18px !important; opacity: 0; color: #f5920f; transition: all 0.5s;}

.subMenuList>li>a:hover:after{opacity: 1; right: -12px;}

.subMenuList>li>a.viewAllLink{font-weight: 600 !important;}



.dropdown-menu .container1800{}

.dropdownFull .dropdown .dropdown-menu>div>li.menuImgLi{width: 25%; padding-right: 3%;}



.subMenuStrong>li>a{font-weight: 600; font-size: 13px; text-transform: uppercase;}



.mensMenu.dropdown .dropdown-menu>div>li{width: 19%;}



.fullImg{padding: 0;}

.fullImg img{width: 100%;}



@media (max-width: 1600px) {

	.subMenuList>li>a{padding: 0 !important;}

}

@media (max-width: 1440px) {

	.dropdownFull .dropdown .dropdown-menu>div>li.menuImgLi {}

	.menuImgBox {padding:20px; margin-bottom: 50px;}

	.menuImgBox img{max-width: 100%; }

	.fullImg{padding: 0;}

	

	.dropdownFull .dropdown .dropdown-menu>div>li {min-height: auto; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; float: none;}

	.dropdown-menu .container1800 {display: flex; flex-wrap: wrap;}

	

	.nav > li.dropdown.open .dropdown-menu{max-width: 80%; margin: 25px auto 0px !important;}	

	

}



@media screen and (max-width: 767px) {

  .dropdown-menu > li {

    display: block;

  }

}