/* This is a Trade and Value, Corp. design */

/* Please refrain from copying this style sheet */

/*
mobile small	360px
mobile large	620px
small tablet	740px
large tablet	850px
small desktop	955px
medium desktop	1100px
large desktop	1240px
*/

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

html, body, .top-banner-holder, .top-banner, .top-banner-left, .mainContent, .mainContent-inner{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}

 p{
 font-size: 1em;
 line-height: 1em;
 }

.show-mobile{
display: inherit;
visibility: visible;
}
.hide-mobile, .show-desktop{
display: none;
visibility:hidden;
}


.top-banner, .footer-holder{
width: 100%;
}

.top-subscribe{
position: absolute;
top: 0;
right: 0;
padding: 6px 14px;
margin: 0;
background-color: #fb0004;
border-radius: 0px;
font-family: Poppins, Roboto, Arial;
font-size: 0.7em;
font-weight: normal;
color: #ffffff;
text-transform: uppercase;
float: none;
}

.main-nav-holder{
width: 100%;
}

.mainContent{
padding: 0px;
width: 100%;
min-height: 400px;
margin: 0px auto;
}

.footer-holder-outter{
position: relative;
}

.footer-nav{
display: none;
visibility: hidden;
}





}

@media(max-width: 1089px){
  .top-logo{
  width: 100%;
  padding: 0;
  margin: 0px auto !important;
  }
  .top-logo img{
  width: auto;
  height: auto;
  margin: 0px auto;
  }
  .top-banner-right{

  }
}



@media (min-width: 768px) and (max-width: 1089px){

html, body,  .mainContent, .mainContent-inner{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}


.show-mobile{
display: block;
visibility: visible;
}
.hide-mobile{
display: none;
visibility:hidden;
}
.show-desktop{
display: none;
visibility:hidden;
}

.mainContent{
padding: 0px;
width: 100%;
margin: 0px auto;
}

.top-banner, .footer-holder{
width: 100%;
}
.top-banner-left{
width: auto;
float: none;
padding-bottom: 30px;
}
.main-nav-holder{
float: none;
margin: 0;
width: 100%;
}
.top-subscribe{
float: none;
position: absolute;
top: 40px;
right: 40px;
}

.bottom-logo{
width: auto;
float: none;
}
.footer-nav{
display: none;
visibility: hidden;
}

.bottom-subscribe{
float: none;
position: absolute;
top: 20px;
right: 20px;
}

.credits-footer{
padding: 14px;
}

}


@media (max-width: 1160px){
.top-banner, .footer-holder{
width: 100%;
}
}


@media (min-width: 1120px){





}