@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}

/*For mobile portrait view only*/
@media screen and (max-width:320px){
	
}
/*For mobile */
@media screen and (min-width:320px) and (max-width:767px){
  .ebonyLogo{
    left:20px;
  }
  .homeBg{
    background:url('../images/home-colorbg.jpg') repeat-y; 
    overflow: auto;
    background-size:cover;
  }
  .mobileMenu{
    position:absolute;
    right:0px;
    top:53px;
    z-index:9;

  }
  .menuMob{
    background:#2b2b2b;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    margin-top: 17px;
    padding: 9px 0;
    text-align: center;
    width:75px;
    position:absolute;
    top:0px;
    right:0px;
  }
  .mobileMenuOption li{
    width:150px;
    background:#2b2b2b;
    color:#fff;
  }
  .priceDetails{
    background: url("../pattu1.jpg") repeat;
  }
  .innerpriceDetails{
    width: 100%;
  }
  .thumbnailSection ul li {
      float: left;
      padding-right: 2%;
      width: 46%;
  }
  .inneraboutusCont {
    padding: 30px 0 0 9px;
  }
  .aboutSection{
    background:url('../images/bg-aboutus.gif') repeat;
    position: relative;
    background-size:cover;
    top:0px;
    left:0;
    width:100%;
  }
  .aboutusImageCont{
    display: none;
  }
  .aboutusCont {
    width: 100%;
    background:url('../images/bg-aboutus.gif') repeat;
  }
  .aboutusMobile{
    text-align: center;
  }
  .aboutusMobile img{
    width: 58%;
  }
  .socialMediaButtons{
    width:100%;
    text-align: center;
  }
  .aboutSection .socialMediaButtons{
    padding:0px;
    margin-bottom:25px;
  }
  .followTxt{
    text-align: center;
  }
  .InnercontactSection{
    padding-top: 10px;
    width:100%;
  }
  .contactSection{
    position: relative;
    top:0px;
  }
  .contactSection .disclaimer{
    margin-top: 25px;
    color:#ffffff;
    position: relative;
    text-align: right;
  }
  #noMobbDis{
    display: none;
  }
  .collectionsSection{
    position: relative;
    top:0px;
  }
  .mobileMenuOption li{
    padding:5px 8px;
  }
  .mobileMenuOption li a{
    font-weight:bold;
    color:#ffffff;
    text-transform: uppercase;
    font-family: 'Conv_ChaparralPro-Regular';
  }
  .mobileMenuOption li a.active,.mobileMenuOption li a:hover{
    color:#F2ED46;
  }

}

/*For iPad portrait view */
@media (min-width: 768px) and (max-width: 979px) {
  .blackBg{
    background:none;
  }
  .homeBg{
    background:url('../images/home-colorbg.jpg') repeat-y; 
    overflow: auto;
    background-size:cover;
  }
 
  .collectionBtn{
    background:#fa6b67;
  }
  .ebonyLogo{
    left:25px;
  }
  .collectointxt{
    width:93%;
  }
  .thumbnailSection ul li{
    width:22.2%;
  }
  .thumbnailSection{
    width:93%;
  }
  .collectionsSection{
    background:url('../images/bg-collection.jpg')  no-repeat center center fixed; 
    height: 100%;
    background-size:cover;
    padding:25px;
    position:fixed;
    top:60px;
    left:0;
    width:100%;
  }
  .aboutusImageCont img {
    height: 100%;
    position: fixed;
    width: 100%;
  }
  .inneraboutusCont{
    padding: 43px 0 0 32px;
  }
  .collectionExpandClose {
      cursor: pointer;
      position: absolute;
      right: 75px;
      top: 15px;
  }
  .InnercontactSection{
    padding-top: 155px;
  }


.hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
 .go-btn{
	position:relative;
	top:-25px;
}/* your css rules for ipad landscape */
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}