﻿
@media screen and (min-width:1380px){
  .container1{max-width: 1380px; }
  .wf1{width: 94%;}
  .wr1{width: 6%; text-align:  center;}
    .navcont_1{margin-bottom: -18px;}

    .xp_ul {
        width: 628px;
        height: 51px;
        margin: 0 auto;
    }
 } 

@media screen and (min-width:1240px) and (max-width: 1359px){
  .container1{max-width: 1140px; }
  .wf1{width: 86%;}
  .wr1{width: 14%;text-align:  center;}
    .navcont_1 {
        margin-bottom: -18px;
    }
    .xp_ul {
        width: 628px;
        height: 51px;
        margin: 0 auto;
    }
 } 
 @media screen and (min-width: 992px) and (max-width: 1199px)
  { 
  	 
  	     .container1{   max-width: 960px; }
  	    .wf1{width: 85%;}
  .wr1{width: 15%;text-align:  center;}
  .navcont_1{margin-bottom: -18px;}
    .xp_ul {
        width: 628px;
        height: 51px;
        margin: 0 auto;
    }
  }
 @media screen and (min-width: 768px) and (max-width: 992px) 
 {
 .container1{   max-width: 720px; }
 .wf1{width: 85%;}
  .wr1{width: 15%;text-align:  center;}
  .navcont_1{margin-bottom: -18px;}
 }
 @media only screen and (min-width: 576px) and (max-width: 768px){
 	    
 	    .container1{   max-width: 540px; }
 	    .wf1{width: 85%;}
  .wr1{width: 15%;text-align:  center;}
 	 } 
 	 
 	  @media only screen and (min-width: 320px) and (max-width: 576px){
 	    
 	    .container1{   max-width: 540px; }
 	    .wf1{width: 85%;}
  .wr1{width: 15%;text-align:  center;}
 	 } 
 	 
.container1 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    
}
.xp_ul{
  
   

}
    .xp_ul li {
        float: left;
        margin: 8px;
        padding: 4px 8px;
        border: 2px solid #b7a9a0;
        color: #b7a9a0;
        font-weight: bold;
        width: 86px;
        text-align: center;
        letter-spacing: 3px;
        border-radius: 5px;
    }
    .xp_ul li a {
        color: #b7a9a0;
    }
    .xp_ul .cur {
        background-color: #c71324;
        border: 2px solid #c71324;
    }
    .xp_ul .cur a {
        color: #fff;
    }
.xp_ul li a:hover {
  
    color: #b7a9a0;
    
}