/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

.footer-section{
	background: #333333 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    width: 100%;
}


.footerFloat li{
  border-left: 1px solid #ffffff;	
  line-height: 11px;
  padding: 0 10px;
  float: left;
  margin-top: 15px;
}

.footer-main .footerFloat li a {
    color: #fff;
}


@media (min-width: 300px) and (max-width: 480px) {
   .footer-main{
   	  padding: 20px 0 30px 20px !important;
   }
}


  @media (min-width: 500px) and (max-width: 668px) {
  .footer-main{
   	  padding: 20px 0 30px 20px !important;
   }

 }  



 /*Header*/

 .share-button{
 	 margin-left: 0;
    margin-top: 3px;
 }


 .social-icon-top-list{
 	margin-top: -3px;
 }

 .header-social-icons li {
    float: left;
    padding-left: 10px;
}

.header-container{
	float: left;
  width: 100%;
}

.inner-header{
  background-color: #333333;
  height: 24px;
  padding-bottom: 8px;
  padding-top: 8px;
  float: left;
  width: 100%;
}

.top-header{
  float: unset;
  margin-left: auto;
  margin-right: auto;
}


.header-container .span12 {
    width: 1310px;
    margin-bottom: 0px;
}

.view-test-frontpagecontent .pin{
   margin-bottom: -70px;
}


.top-header .span8 {
    width: 873px;
}

.member-login-section{
	float: right !important;
	   padding-top: 1px;
}

.header-container .header-social-icons {
    margin-top: 0 !important;
}

#topnav li {
	float: left;
    padding-left: 27px;
    
}

.top-next{
	float: left;
  padding-bottom: 10px;
  margin-top: 5px;
}

.inner-header-next{
  margin-left: auto;
    margin-right: auto;
    max-width: 1346px;
}

.footer-side{
  margin-left: auto;
    margin-right: auto;
    max-width: 1346px;
}


  @media (min-width: 915px) and (max-width: 1231px) {
  
  .top-header .span8 {
    width: 476px;
}
.pink-btn-one{
	padding: 4px 5px !important;
	display: -moz-inline-box;
}
.top-header{
	float: left;
    margin-left: 20px;
}

.social-icon-top{
	 float: left;
    margin-left: -9px;

}

.share-button{
	margin-top: -4px;
}

.top-header .span4{
  width:436px;
}

.header-social-icons .span2{
  width: 214px;
}


 }  

  @media (min-width: 320px) and (max-width: 1013px) {
  
  .top-header .span8 {
    width: 476px;
}

.inner-header{
height: auto;
}

.pink-btn-one{
  padding: 4px 5px !important;
  display: -moz-inline-box;
}
.top-header{
  float: left;
    margin-left: 20px;
}
.top-header .span4 {

  width: 228px;
}

.social-icon-top{
   float: left;
    margin-left: -9px;
    margin-top: 8px;

}

.share-button{
  margin-top: -4px;
}

.header-social-icons .span2 {
    width: 214px;
}

.member-login-section{
  float: none !important;
   margin-left: 260px;
}

 }  




 .logo{
   margin-left: -11px;
 }

 .top-next .span5 {
    width: 545px;
    margin-top: 10px;
}

.top-next .span7 {
    width: 727px;
}


  @media (min-width: 500px) and (max-width: 1300px) {

.TopSectionAds.span3 {
    float: none !important;
}

}

/*Navigation*/


ul.nice-menu {
 position: relative !important;
}
ul.nice-menu li{
 position: static !important;
}
ul.nice-menu ul, ul.nice-menu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    background-color: #d5d5d5 !important;
}
ul.nice-menu {
}
ul.nice-menu > li.menuparent {
    background-color: white !important;
    border: none;
}

ul.nice-menu > li.menuparent:hover {
  padding-top:5px;
  padding-bottom:5px;
  margin-top:-5px;
  border-color:#d5d5d5 !important;
}
.mainmenucontainer > ul.nice-menu  {
    border-left: 2px solid #EA275E !important;
}

ul.nice-menu > li.menuparent  {
    padding: 0;
    margin: 0;
    border-right: 2px solid #EA275E !important;
    padding-right: 10px;
    padding-left: 10px;
}


ul.nice-menu > li.menuparent:hover, 
ul.nice-menu li.menuparent:hover {
 background-color: #d5d5d5 !important;
}

ul.nice-menu > li.menuparent:hover, 
ul.nice-menu > li.menuparent:hover ul 
{
  /*
    box-shadow:2px 4px 6px -1px #666;
  -webkit-box-shadow:2px 4px 6px -1px #666;
  -moz-box-shadow:2px 4px 6px -1px #666;
  -o-box-shadow:2px 4px 6px -1px #666;
  -ms-box-shadow:2px 4px 6px -1px #666;
  */
  margin-left:-2px;
  
  padding-left:16.2px;
  padding-right:14.2px;
  
}

li.menuparent:hover ul  {
  box-shadow:2px 4px 6px -1px #666;
  -webkit-box-shadow:2px 4px 6px -1px #666;
  -moz-box-shadow:2px 4px 6px -1px #666;
  -o-box-shadow:2px 4px 6px -1px #666;
  -ms-box-shadow:2px 4px 6px -1px #666;
}

ul.nice-menu li.menuparent ul {
  margin-top: 10px;
  min-height: 365px;
}
ul.nice-menu li.menuparent ul 
{
   display: inline;
}
ul.nice-menu li.menuparent ul li
{
   display: inline;
}

ul.nice-menu li.menuparent ul li {
   width: 200px !important;
   padding-left:3px;
}

ul.nice-menu li.menuparent ul li:first-child {
   padding-top:15px;
}


ul.nice-menu li.menuparent ul li:last-child {
    width: 1000px !important;
   min-height: 363px;
   float: right !important;
   position: absolute !important;
   background-color: #f0f0f0 !important;
   box-shadow:2px 4px 6px -1px #666;
  -webkit-box-shadow:2px 4px 6px -1px #666;
  -moz-box-shadow:2px 4px 6px -1px #666;
  -o-box-shadow:2px 4px 6px -1px #666;
  -ms-box-shadow:2px 4px 6px -1px #666;
  margin-top:-1px;
  padding-left:15px;
}

ul.nice-menu li.menuparent ul li:last-child .field-content div .view-field-title .item-list li{
    padding-left:15px;
  width:200px !important;
  min-height:140px !important;
  box-shadow: none !important;
  
}


ul.nice-menu li.menuparent ul li:last-child > a {
  padding-top: 20px;
  padding-bottom: 0px !important;
  font-size: 30px;
    color: #ea275e !important;
}

ul.nice-menu li.menuparent a {
    color: #333333 !important;
    font-family:Abel-Regular, "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 24px;
    /*letter-spacing: -1px;*/
    line-height: 14px;
    text-transform:capitalize;

}

/* 
.menu-path-taxonomy-term-52-45-49-48-47-6-50-51-53-46-4209 , .menu-path-taxonomy-term-17079-17082-17080-17083-17081{
padding-bottom: 0px !important;
} */

ul.nice-menu li.menuparent ul  a {
    font-size: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
  line-height:25px !important;
}

ul.nice-menu ul, #header-region ul.nice-menu ul {
  top:22px !important;
}

.view-header-photogallery 
{
  padding-bottom: 10px;
}

ul.nice-menu .view-menu-latestentertainment .view-field-title,
ul.nice-menu .view-menu-latestfashion .view-field-title ,
ul.nice-menu .view-menu-latestbeauty .view-field-title ,
ul.nice-menu .view-menu-tredingmovies .view-field-title ,
ul.nice-menu .view-menu-latestvideos .view-field-title ,
ul.nice-menu .view-menu-latestphotos .view-field-title ,
ul.nice-menu .view-menu-features .view-field-title ,
ul.nice-menu .view-menu-latestpolls .view-field-title ,
ul.nice-menu .view-menu-popularcelebstoday .view-field-title 
{
    max-width: 180px;
}
ul.nice-menu .view-menu-latestentertainment table tr ,
ul.nice-menu .view-menu-latestfashion table tr,
ul.nice-menu .view-menu-latestbeauty table tr,
ul.nice-menu .view-menu-latestvideos table tr,
ul.nice-menu .view-menu-latestpolls table tr,
ul.nice-menu .view-menu-latestphotos table tr,
ul.nice-menu .view-menu-features table tr,
ul.nice-menu .view-menu-trendingmovies table tr,
ul.nice-menu .view-menu-popularcelebstoday table tr
{
    vertical-align: top;
    font-size: 18px;
}
/**** MENU END***/


/*Front section container*/

#TopContent.span12{
  width: 1310px !important;
  margin-left: 0;
}

.TopSection.span9{
  width: 992px !important;
  margin-left: 1px;
}

.article-top-news-content.span3{
  width: 205px !important;
  margin-left: 0;
}

.article-top-content.span6{
 width: 664px !important;
}

.TopSectionAds.span3{
    width: 280px !important;
    float: right;
}

.frontpagetable .pin{
  width: 100%;
}

.frontpagetable .span2{
margin-left: 5px;
width: 190px;

}

.frontpagetable .span2:first-child{
    margin-left: 0;
}

.article-top-content-front{
  margin-left: 0;
}

.article-top-content-front .spaown2 {
float: left;
}

/*responsive media query Home page*/


@media (min-width: 1340px) and (max-width: 20900px) {

.article-content-one-left .span7{
width: 802px !important;
}

.article-top-content-front .spaown2 {
  /*  margin-left: 10px;
    margin-bottom: 15px !important;*/
float: left;
margin-bottom: 15px !important;
/*    margin-left: 0px;*/
   /* width: 196px*/



}

}

@media (min-width: 1310px) and (max-width: 1339px) {

.header-container .span12 {
    margin-bottom: 0;
    width: 1280px !important;
}

.top-header .span8 {
    width: 770px !important;
}

.top-next .span7 {
    width: 606px !important;
       margin-left: 0 !important;
}
.main-container {
    margin: 0 auto;
    width: 1300px !important;
}

#page-header{
  float: left;
    width: 1250px;
}
.search-section{
   margin-left: 12px !important;
}

#TopContent.span12 {
    margin-left: 0;
    width: 1302px !important;
}

.TopSection.span9 {
    margin-left: 1px;
    width: 992px !important;
}


.TopSectionAds.span3 {
    float: right;
    width: 271px !important;
}

.article-content-one-left .span7{
width: 802px !important;
}

.article-top-content-front .span2 {
    margin-left: 3px;
    margin-bottom: 15px !important;
}

.article-top-content-front .spaown2{
  margin-bottom: 15px !important;
}


}  

@media (min-width: 1150px) and (max-width: 1309px) {

  #TopContent.span12{
     width: 1110px !important;

  }

  .article-top-content-front .spaown2 {
    margin-bottom: 15px !important;
  }

  
  .TopSection.span9 {
    width: 822px !important;
  }

 .span2.social-icon-top{
  width: 170px;
  }

  .search-section {
      float: left;
      margin-left: 10px !important;
      margin-top: -11px !important;

  }    

  .logo {
      margin-bottom: 10px;
      margin-left: -2px;
  }

  #headerads{
    margin-left: 0px !important;
  }


  .span2 {
      width: 158px;
  }


.span2.share-button{
width: 170px;
}

  .TopSectionAds.span3 {
      float: right !important;
      width: 80px !important;
  }

  .article-top-news-content{
       margin-left: -20px;
  }
  /*.boxsection{
    margin-left: 4px;
  }*/

  .article-top-content-front{
     width: 629px;
  }

  .header-container .span12{
     width: 1110px;
  }

  .top-next.span12{
    width: 1000px;
  }


  .top-next .span5 {
      margin-top: 10px;
      width: 545px;
  }

  .main-container{
    width: 1148px !important;
  }


  .top-header .span8{
    width: 600px;
  }

  .TopSection .content-bg{
    margin-top: 75px !important;
  } 


}




@media (min-width: 1265px) and (max-width: 1309px) {

.top-next.span12 {
    margin-left: 80px !important;
}

}

@media (min-width: 1220px) and (max-width: 1264px) {

.top-next.span12 {
    margin-left: 45px !important;
}

}
@media (min-width: 1150px) and (max-width: 1189px) {

.top-next.span12 {
    margin-left: 15px !important;
}

}

@media (min-width: 1090px) and (max-width: 1149px) {

.top-next.span12 {
    margin-left: 55px !important;
}

}

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

.top-next.span12 {
    margin-left: 30px !important;
}

}

@media (min-width: 1015px) and (max-width: 1149px) {

 
  #TopContent.span12{
     width: 910px !important;
  }


.top-header .span4 {
    margin-left: 0;
    width: 338px;
}
.top-header .span8 {
    width: 450px !important;
}
.header-social-icons .span2 {
    width: 164px !important;
}
.span2.social-icon-top {
    width: 170px !important;
}

  .article-top-content-front .span2 {
    margin-bottom: 15px !important;
  }

.article-top-content-front .spaown2{
  margin-bottom: 15px !important;
}

  .top-next.span12{
    margin-left: 14px;
  }

  #main-header-region{
    width: 808px !important;
  }
  #page-header{
    float: left;
    padding-top: 0;
    width: 808px;
  }
  .TopSection.span9 {
    width: 600px !important;
  }

 .span2.social-icon-top{
    width: 170px !important;
  }

  .search-section {
      float: left;
      margin-left: 10px !important;
      margin-top: -11px !important;
  }    

  .logo {
      margin-bottom: 10px;
      margin-left: -2px;
  }

  #headerads{
    margin-left: 0px !important;
  }

  .span2 {
      width: 190px;
  }

  .TopSectionAds.span3 {
    float: right !important;
    width: 80px !important;
  }

  .span7 {
    width: 540px;
  }

  .article-top-news-content{
    margin-left: -20px;
  }
/*  .boxsection{
    margin-left: 4px;
  }*/

  .article-top-content-front{
    width: 409px;
  }

  .header-container .span12{
    width: 840px;
  }

  .top-next.span12{
    width: 800px;
  }


  .top-next .span5 {
    margin-top: 10px;
    width: 545px;
  }

  .main-container{
    width: 1013px !important;
  }


  .top-header .span8{
    width: 600px;
  }

  .TopSection .content-bg{
    margin-top: 75px !important;
  } 

}




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


 #TopContent.span12{
     width: 740px !important;
  }

  .TopSection.span9 {
    width: 430px !important;
  }

.span7 {
    width: 240px;
  }

  .TopSectionAds.span3 {
    float: right !important;
    width: 80px !important;
  }

  .header-container .span12 {
    margin-bottom: 0;
    width: 750px !important;
}

  .article-top-content-front.span7 {
    width: 235px !important;
  }
  .search-section {
      float: left;
      margin-left: 10px !important;
      margin-top: -11px !important;
  }    

  .main-container{
    width: 750px !important;
    margin-left: 20px !important;
  }

  .logo {
      margin-bottom: 10px;
      margin-left: -2px;
  }

  #main-header-region{
    width: 740px !important;
  }

   #page-header{
    float: left;
    padding-top: 0;
    width: 740px !important;
  }

  #headerads{
    margin-left: 0px !important;
  }


  .top-next.span12{
    width: 730px !important;
  }

  .top-next .span5 {
    margin-top: 10px;
    width: 545px;
  }

}

/*Above code is working responsive*/









/*@media (min-width: 1000px) and (max-width: 1100px) {


#TopContent.span12{
     width: 1110px !important;

  }

  .TopSectionAds.span3 {
      float: right !important;
      width: 80px !important;
  }

  .article-top-news-content{
       margin-left: -20px;
  }
  .boxsection{
    margin-left: 4px;
  }

  .article-top-content-front{
     width: 629px;
  }

  .header-container .span12{
     width: 1110px;
  }
.boxsection{
  margin-left: 5px;
}
  .top-next.span12{
    width: 1000px;
  }


.top-next .span5 {
    margin-top: 10px;
    width: 545px;
}

.main-container{
  width: 1100px !important;
}

}  
*/












/*  @media (min-width: 1232px) and (max-width: 1315px) {
.top-header .span8 {
    width: 770px;
    }

.top-next .span7 {
    width: 623px !important;
}


}

  @media (min-width: 1194px) and (max-width: 1231px) {
    .top-next .span7 {
        clear: both;
        float: none;
        margin-left: -38px;
        width: 623px !important;
    }
}*/






  @media (min-width: 700px) and (max-width: 769px) {

.article-top-content-front.span7 {
     float: left !important;
    width: 204px !important;
}

}


  @media (min-width: 195px) and (max-width: 700px) {

.article-top-content-front.span7{
  float: left;
}

}







  @media (min-width: 760px) and (max-width: 979px) {

#contain .span2 {
    width: 218px;
}

}






@media not all and (-webkit-min-device-pixel-ratio:0) { 


@media (min-width: 1200px) {
    .article-content-one-left .span7{
    width: 800px !important;
    }
}

}



ul.nice-menu > li.menuparent {
    padding-bottom: 5px !important;
}



#spopup{
    background:#f3f3f3;
    border-radius:9px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    -moz-box-shadow:inset 0 0 3px #333;
    -webkit-box-shadow:inset 0 0 3px #333;
    box-shadow:inner 0 0 3px #333;
    padding:12px 14px 12px 14px;
    width:300px;
    height: 130px;
    position:fixed;
    bottom:13px;
    right:2px;
    display:none;
    z-index:90;
}

#spopup .text-content p {
  font-family: DroidSerif, Arial, Helvetica, sans-serif !important;
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
}