/**

Theme Swiper

 */


 .swiper-container {
    width: 100%;
    height: 650px;
    margin-top: 100px;
    position: relative;
    display: block;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-pagination{
    top: -35px;
    display: block;
    position: relative;
}

:root {
    --swiper-theme-color: #422918;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 0.7;
}

.swiper-pagination-bullet-active{
	background: #000!important;	
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
	@media only screen and (min-width : 0px) and (max-width : 480px) { 
		
            .swiper-container {
                width: 100%;
                height: 150px;
                margin-top: 100px;
                position: relative;
                display: block;
            }
        
            .swiper-pagination {
                top: 0;
                display: block;
                position: relative;
            }
		
	}
	
		/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) and (min-width : 481px){
		
            .swiper-container {
                width: 100%;
                height: 280px;
                margin-top: 100px;
                position: relative;
                display: block;
            }
		
	}
	
		/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px)  and (min-width : 769px){    
		
          .swiper-container {
              width: 100%;
              height: 360px;
              margin-top: 100px;
              position: relative;
              display: block;
          }
		
	}
	
		/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) and (min-width : 993px){
		
          .swiper-container {
              width: 100%;
              height: 450px;
              margin-top: 100px;
              position: relative;
              display: block;
          }
	  
	}
	
		/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1500px) and (min-width : 1201px){
		
          .swiper-container {
              width: 100%;
              height: 440px;
              margin-top: 100px;
              position: relative;
              display: block;
          }
	
	}
	
	  /* Large Devices, Wide Screens */
	@media only screen and (min-width : 1501px){
		
	
	
	}