body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400; line-height:1.3; color:#212529;text-align:left;background-color: #eae9e9; }

h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem; font-family: 'Roboto', sans-serif;}
p{margin-top:0;margin-bottom:1rem}
a{text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects; cursor: pointer !important;}
a:hover{color:#ac1f2d;	text-decoration:none; cursor: pointer !important; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:sans-serif !important;line-height:1.2;color:inherit}
.h1,h1{font-size: 1.7rem; font-weight: 650 !important; font-weight: bold;  color: #ac1f2d; }
h1:hover{opacity: .7 !important;}
@-moz-document url-prefix() {.h1,h1{font-weight: bold;  letter-spacing: 0.03em;}}

.h2,h2{font-size: 1.5rem;}
.h3,h3{font-size: 1.17rem}
.h4,h4{font-size: 1.12rem; color: #ac202d;}
.h5,h5{font-size: .83rem;}
.h6,h6{font-size: .75rem}

h2.headline{font-size: 1.7rem; font-weight: 650 !important; font-weight: bold;  color: #ac1f2d; }
h2.headline:hover {opacity: .7 !important;}


#search-top input[type="text"] { position: fixed;
  top: 65px; right: 15px; height: 40px;  font-size: 1px;  margin-top: 15px; }

#search-top input[type="text"]:focus:hover {  border-bottom: 1px solid #BBB;}
#search-top input[type="text"]:focus { border-bottom: 1px solid #BBB !important; }     
 

/**************** mobile Styles **********************/
/**************** 1330px - 1024px **********************/

@media all and (max-width: 1330px) and (min-width: 1024px) {
.pma-top-logo {display: none;}

.container{margin: -65px 10px 10px 80px; width: 600px; }
#top-story { margin-top: 20px !important;}
nav { height: 90px !important; }
.navbar  {	
  top: 36px !important;
  font-size: 14px;
  -webkit-transition: all .5s; transition: all .5s;	
  max-width: 855px;
}

#search {
  width: 35px;
  top: 55px;
  right: 15px;
  -webkit-transition: all .5s ; transition: all .5s ;
  }
    
#search-top input[type="text"] { height: 40px; top: 35px;  font-size: 1px; }

#search-top input[type="text"]:focus:hover {  border-bottom: 1px solid #BBB;}
#search-top input[type="text"]:focus { width: 750px; border-bottom: 1px solid #BBB !important; }     
    
.logo  {
  width: 120px !important;
  position: absolute;
  top: 7px !important;
  left: 90px !important;	
  -webkit-transition: all .5s;
  transition: all .5s;	
}
#top-right-nav  {
  display: none;
  font-size: 10px;
}
.menu-button {
  width: 30px !important; height: 20px !important;
  position: fixed; left: 15px !important; margin-top: 13px !important;
  -webkit-transition: all .5s;transition: all .5s;
}
.menu-button span:nth-child(1) {top: 0px !important; height: 2px !important;}
.menu-button span:nth-child(2) {top: 9px !important; height: 2px !important;}
.menu-button span:nth-child(3) {top: 18px !important; height: 2px !important;}	
.dropdown-side {display:none !important; }	
body { padding: 0px !important; }
.small-article{ display: none !important; }
.article-title5 {
  font-size: 12px !important;
  text-decoration: none;
  color: black;
  text-transform: none;}
#advertise {margin-top: -465px !important; margin-left: 905px !important; }
li.maincontent{ width: 55% !important; }    
li.sidebar{ margin-top: 110px !important;}
li.socialmedia-left{ margin-top: 110px !important; margin-left: 45px !important;}
    
 
.sidebar-partnered-content{  position: -webkit-sticky; position: sticky; top: 75px;  }   
#ad-right {   position: -webkit-sticky; position: sticky; top: 307px; }

}


/**************** 1023px - 768px **********************/

@media all and (max-width: 1023px) and (min-width: 771px) {


.container{margin: -35px 10px 10px 50px; width: 600px; }
nav { height: 50px !important; }

.pma-top-logo {display: none;}

.logo  {
  width: 120px !important;
  position: absolute;
  top: 7px !important;
  left: 80px !important;	
  -webkit-transition: all .5s;
  transition: all .5s;	
}
#top-right-nav  {
  display: none;
  font-size: 10px;	
}
#search {
  width: 25px !important;
  top: 25px;
  -webkit-transition: height .5s, line-height .5s; /* Safari */
  transition: height .5s, line-height .5s;

} 


#search-top input[type="text"] {height: 30px; top: 15px; right: 25px; height: 30px !important;  font-size: 1px; } 
input.searchbar {width: 20px !important; margin-right: -8px !important;}    
#search-top input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; }
#search-top input[type="text"]:focus {  width: 275px !important;  z-index: 1;  border-bottom: 1px solid #BBB !important;  cursor: text;  background: white;  margin-right: 35px !important; margin-top: 3px !important; font-size: 18px !important; }    

        
.scrolled-nav #search { margin-top: -2px !important;} 
.scrolled-nav #search-top input[type="text"]:focus {  margin-top: -3px !important;  } 
    
.dropdown  {	
  display: none !important;
}			
.menu-button {
  width: 30px !important; height: 20px !important;
  position: fixed; left: 15px !important; margin-top: 13px !important;
  -webkit-transition: all .5s;transition: all .5s;
}
.menu-button span:nth-child(1) {top: 0px !important; height: 2px !important;}
.menu-button span:nth-child(2) {top: 9px !important; height: 2px !important;}
.menu-button span:nth-child(3) {top: 18px !important; height: 2px !important;}	
.dropdown-side {display:block !important;
}
.side-nav-item {
  margin-top: -40px;
  display: block !important;
}
body { padding: 0px !important;}		
.small-article{ display: none !important;}		
#advertise {  margin-top: -375px !important; margin-right: 390px !important; }
#suppliers {  margin-top: -270px !important;}
li.maincontent{ width: 80% !important; }  
li.sidebar{ margin-left: 176px !important; }
li.socialmedia-left{ margin-top: 110px !important;}
    
 .sidebar-partnered-content{  margin-top: 10px !important; }      
    
    
    
}




/**************** 767px - 481px **********************/

@media all and (max-width: 770px) and (min-width: 481px) {

.pma-top-logo {display: none;}
.container{margin: -55px 10px 10px 30px; width: 450px; }
nav { height: 50px !important; }
.logo  {
  width: 110px !important;
  position: absolute;
  top: 10px !important;
  left: 90px !important;	
  -webkit-transition: all .5s;
  transition: all .5s;	
}
#top-right-nav  {	
  display: none;
  font-size: 10px;	
}
#search {
  position: fixed;
  width: 25px !important;
  top: 25px;
  -webkit-transition: height .5s, line-height .5s; /* Safari */
  transition: height .5s, line-height .5s;	
  border-bottom: none !important;
} 


#search-top input[type="text"] { height: 30px; top: 15px; right: 25px; height: 30px !important;  font-size: 1px; } 
input.searchbar {width: 20px !important; margin-right: -8px !important;}    
#search-top input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; }
#search-top input[type="text"]:focus {  width: 205px !important;  z-index: 1;  border-bottom: 1px solid #BBB !important;  cursor: text;  background: white;  margin-right: 35px !important; margin-top: 3px !important; font-size: 18px !important; }    

        
.scrolled-nav #search { margin-top: -2px !important;} 
.scrolled-nav #search-top input[type="text"]:focus {  margin-top: -3px !important;  }    
        
    
.dropdown  {	
  display: none !important;
}
.menu-button {
  width: 30px !important;
  height: 20px !important;
  position: fixed;
  left: 15px !important;
  margin-top: 13px !important;
  -webkit-transition: all .5s;
  transition: all .5s;	
}
.menu-button span:nth-child(1) {top: 0px !important; height: 2px !important;}
.menu-button span:nth-child(2) {top: 9px !important; height: 2px !important;}
.menu-button span:nth-child(3) {top: 18px !important; height: 2px !important;}	
.dropdown-side {display: block !important;
}
.side-nav-item {
  margin-top: -40px;
  display: block !important;
}
body { padding: 0px !important;
}
.hide {display: none;}
.sitemap-col {width: auto !important; margin: auto; text-align: center !important; padding-left: 10px !important; padding-right: 10px !important; }
li.maincontent{ width: 75% !important; }  
li.sidebar{  margin-left: 85px !important; }
li.socialmedia-left{ margin-top: 110px !important;}
  
 .sidebar-partnered-content{  margin-top: 5px !important; }         
    
}




/**************** 480px - 320px **********************/

@media all and (max-width: 480px) and (min-width: 320px) {

.pma-top-logo {display: none;}
.container{margin: -95px 10px 10px 20px; width: 280px; }
nav {
  height: 70px !important;
}

.logo  {
  width: 160px !important;
  position: absolute;
  top: 10px !important;	
  -webkit-transition: all .5s !important;
  transition: all .5s !important;	
}




#top-right-nav  {
  display: none;
  font-size: 10px;
}
#search {
  position: fixed;
  width: 35px !important;
  top: 25px;
  -webkit-transition: all .5s !important;
  transition: all .5s !important;
  border-bottom: none !important;
}
.scrolled-nav #search {
  position: fixed;
  width: 25px !important;
  top: 25px;
  -webkit-transition: all .5s !important;
  transition: all .5s !important;
  border-bottom: none !important;
} 
    
#search-top input[type="text"] { height: 55px !important;
  width: 20px !important;
  font-size: 1px;
  top: 15px; }
#search-top input[type="text"]:focus:hover {  border-bottom: none !important; }
#search-top input[type="text"]:focus {  width: 220px !important;  z-index: 1;  border-bottom: none !important;  cursor: text;  background: white;  opacity: .95;  margin-right: 20px; font-size: 16px; font-weight: 300 !important; margin-top: -4px !important;}      
        

input { font-size: 100% !important; }    
    
    
    
.scrolled-nav #search-top input[type="text"]:focus {height: 40px !important;  margin-top: -10px !important;  } 
    
.dropdown  {display: none !important;
}
.menu-button {
  width: 35px !important;
  height: 30px !important;
  position: fixed;
  left: 15px !important;
  margin-top: 13px !important;
  -webkit-transition: all .5s !important;
  transition: all .5s !important;	
}
.menu-button span:nth-child(1) {top: 4px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;}
.menu-button span:nth-child(2) {top: 16px !important; width: 25px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;}
.menu-button span:nth-child(3) {top: 28px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;}
.dropdown-side {display: block !important;
}
.side-nav-item {
  margin-top: -40px;
  display: block !important;
}
.scrolled-nav .menu-button {
  width: 30px !important;
  height: 20px !important;
  position: fixed;
  left: 15px !important;
  margin-top: 13px !important;
  -webkit-transition: all .5s !important;
  transition: all .5s !important;	
}
.scrolled-nav .menu-button span:nth-child(1) {top: 0px !important; height: 2px !important; -webkit-transition: all .5s !important; transition: all .5s !important;}
.scrolled-nav .menu-button span:nth-child(2) {top: 9px !important; width: 40px !important; height: 2px !important; -webkit-transition: all .5s !important;transition: all .5s !important;}
.scrolled-nav .menu-button span:nth-child(3) {top: 18px !important; height: 2px !important; -webkit-transition: all .5s !important; transition: all .5s !important;}
body { padding-top: 50px !important;
}
.small-article{ 
	display: none !important;
}	

.hide {display: none;}
.sitemap-col {width: auto !important; margin: auto; text-align: center !important; padding-left: 7px !important; padding-right: 7px !important; }
li.maincontent{ width: 85% !important; margin-left: 15px !important;}    
li.socialmedia-left{ display: none !important;}
li.sidebar{  margin-left: 15px !important; }

 .sidebar-partnered-content{  margin-top: 10px !important; }     
    
}