@media (max-width: 961px) {
    .services {
      display: none;
    }
}
@media (max-width: 961px) {
    .slide1 {
      display: none;
    }
}
@media (max-width: 961px) {
    .slide2 {
      display: none;
    }
}
@media (max-width: 961px) {
    .slide3 {
      display: none;
    }
}
@media (max-width: 961px) {
    .associate {
        position: absolute;
margin-top: -32%;
left: 6%;
width: 60px;
height: 60px;
opacity: 1;
z-index: 1;
    }
}
.hovergray {
    filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(100%);
}
.hovergray:hover {
      filter: none;
      -webkit-filter: grayscale(0%);
}
.slide1 {
    width: 100px;
    height: 3px;
    background: #bf9456;
    position: absolute;
    top: 90%;
    left: 20%;
    transform: translate(-50%, -50%);
}

.slide1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #bf9456;
    animation: slide1 5s linear infinite;
}

@keyframes slide1 {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    0% {
        left: 0;
    }
}
.slide2 {
    width: 400px;
    height: 3px;
    background: #bf9456;
    position: absolute;
    top: 90%;
    left: 20%;
    transform: translate(-50%, -50%);
}

.slide2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #bf9456;
    animation: slide2 5s linear infinite;
}

@keyframes slide2 {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    0% {
        left: 0;
    }
}
.slide3 {
    width: 200px;
    height: 3px;
    background: #bf9456;
    position: absolute;
    top: 90%;
    left: 20%;
    transform: translate(-50%, -50%);
}

.slide3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #bf9456;
    animation: slide3 5s linear infinite;
}

@keyframes slide3 {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    0% {
        left: 0;
    }
}

.associates1{
        height: 150px;
    }
.associates2
    {
        max-width: 27%;
        margin-top: -173px;
    margin-left: -46px;
    }
    .name
    {
    margin-left: 65px;
    margin-top: 0px;
    text-align: center;
    height: 55px;
    width: 252px;
    
    border-radius: 0 35px 35px 0;
    color: black;
    background-color: #bf9456;
    background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
    }
    
    .nam
    {
    height: 64px;
    width: 73px;
    background-color: white;
    background-image: linear-gradient( 180deg, rgba(255,255,255,0.7) 0%, rgba(0,0,0,0.7) 200%);
    border: 1px solid rgba(0,0,0,0.7);
    margin-left: -8px;
    margin-top: -59px;
    margin-bottom: 20px;
    border-radius: 20px 0 0 20px;
    }
    .eventdetails
    {
    
    padding-top: 8px;
    font-weight: bold;
    color: black;
    
    font-size: 12px;
    
    }
    .eventdateborder
    {
    width: 30px;
    height: 34px;
    margin-top: 14px;
    margin-left: 15px;
    border-left: 2px solid black;
    }
    
    .eventdateadjust
    {
    
    height: 40px;
    margin: auto;
    margin-top: -49px;
    margin-left: 7px;
    font-size: 12px;
    font-weight: bold;
    }
    
    .card1
    {
    margin-left: 65px;
    margin-top: 0px;
    text-align: center;
    height: 55px;
    width: 252px;
    background-color: white;
    background-image:linear-gradient( 207deg, rgba(255,255,255,0.7) -17%, rgba(0,0,0,0.7) 186%);
    border-radius: 0 35px 35px 0;
    color: black;
    }
    .card2
    {
    height: 64px;
    width: 73px;
    background-color: #bf9456;
    background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
    border: 1px solid rgba(0,0,0,0.7);
    margin-left: -8px;
    margin-top: -59px;
    margin-bottom: 20px;
    border-radius: 20px 0 0 20px;
    }
    .eventdetails1
    {
    
    padding-top: 8px;
    font-weight: bold;
    color: black;
    
    font-size: 12px;
    
    }
    .eventdateborder1
    {
    width: 30px;
    height: 34px;
    margin-top: 14px;
    margin-left: 15px;
    border-left: 2px solid black;
    }
    
    .eventdateadjust1
    {
    height: 40px;
    margin: auto;
    margin-top: -49px;
    margin-left: 7px;
    font-size: 12px;
    font-weight: bold;
    }

    .name
						{
						margin-left: 65px;
						margin-top: 0px;
						text-align: center;
						height: 55px;
						width: 252px;
						
						border-radius: 0 35px 35px 0;
						color: black;
						background-color: #bf9456;
						background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
						}
						
						.nam
						{
						height: 64px;
						width: 73px;
						background-color: white;
						background-image: linear-gradient( 180deg, rgba(255,255,255,0.7) 0%, rgba(0,0,0,0.7) 200%);
						border: 1px solid rgba(0,0,0,0.7);
						margin-left: -8px;
						margin-top: -59px;
						margin-bottom: 20px;
						border-radius: 20px 0 0 20px;
						}
						.eventdetails
						{
						
						padding-top: 8px;
						font-weight: bold;
						color: black;
						
						font-size: 12px;
						
						}
						.eventdateborder
						{
						width: 30px;
						height: 34px;
						margin-top: 14px;
						margin-left: 15px;
						border-left: 2px solid black;
						}
						
						.eventdateadjust
						{
						
						height: 40px;
						margin: auto;
						margin-top: -49px;
						margin-left: 7px;
						font-size: 12px;
						font-weight: bold;
						}
						
						.name1
						{
						margin-left: 0px;
						margin-top: -6px;
						text-align: center;
						height: 55px;
						width: 171px;
						background-color: white;
						background-image:linear-gradient( 207deg, rgba(255,255,255,0.7) -17%, rgba(0,0,0,0.7) 186%);
						border-radius: 0 35px 35px 0;
						color: black;
						}
						.nam1
						{
						height: 64px;
						width: 73px;
						background-color: #bf9456;
						background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
						border: 1px solid rgba(0,0,0,0.7);
						margin-left: -63px;
						margin-top: -59px;
						margin-bottom: 20px;
						border-radius: 20px 0 0 20px;
						}
						.eventdetails1
						{
						
						padding-top: 8px;
						font-weight: bold;
						color: black;
						
						font-size: 12px;
						
						}
						.eventdateborder1
						{
						width: 30px;
						height: 34px;
						margin-top: 14px;
						margin-left: 15px;
						border-left: 2px solid black;
						}
						
						.eventdateadjust1
						{
						height: 40px;
						margin: auto;
						margin-top: -49px;
						margin-left: 7px;
						font-size: 12px;
						font-weight: bold;
						}
                        .name
						{
						margin-left: 65px;
						margin-top: 0px;
						text-align: center;
						height: 55px;
						width: 252px;
						
						border-radius: 0 35px 35px 0;
						color: black;
						background-color: #bf9456;
						background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
						}
						
						.nam
						{
						height: 64px;
						width: 73px;
						background-color: white;
						background-image: linear-gradient( 180deg, rgba(255,255,255,0.7) 0%, rgba(0,0,0,0.7) 200%);
						border: 1px solid rgba(0,0,0,0.7);
						margin-left: -8px;
						margin-top: -59px;
						margin-bottom: 20px;
						border-radius: 20px 0 0 20px;
						}
						.eventdetails
						{
						
						padding-top: 8px;
						font-weight: bold;
						color: black;
						
						font-size: 12px;
						
						}
						.eventdateborder
						{
						width: 30px;
						height: 34px;
						margin-top: 14px;
						margin-left: 15px;
						border-left: 2px solid black;
						}
						
						.eventdateadjust
						{
						
						height: 40px;
						margin: auto;
						margin-top: -49px;
						margin-left: 7px;
						font-size: 12px;
						font-weight: bold;
						}
						
						.name1
						{
						margin-left: 0px;
						margin-top: -6px;
						text-align: center;
						height: 55px;
						width: 171px;
						background-color: white;
						background-image:linear-gradient( 207deg, rgba(255,255,255,0.7) -17%, rgba(0,0,0,0.7) 186%);
						border-radius: 0 35px 35px 0;
						color: black;
						}
						.nam1
						{
						height: 64px;
						width: 73px;
						background-color: #bf9456;
						background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
						border: 1px solid rgba(0,0,0,0.7);
						margin-left: -63px;
						margin-top: -59px;
						margin-bottom: 20px;
						border-radius: 20px 0 0 20px;
						}
						.eventdetails1
						{
						
						padding-top: 8px;
						font-weight: bold;
						color: black;
						
						font-size: 12px;
						
						}
						.eventdateborder1
						{
						width: 30px;
						height: 34px;
						margin-top: 14px;
						margin-left: 15px;
						border-left: 2px solid black;
						}
						
						.eventdateadjust1
						{
						height: 40px;
						margin: auto;
						margin-top: -49px;
						margin-left: 7px;
						font-size: 12px;
						font-weight: bold;
						}

                        @keyframes move
                        {
                            from {left: -1000px;}
                            to{left:0px;}
                    
                        }
                        @keyframes move2
                        {
                            from {right: -1000px;}
                            to{right:0px;}
                    
                        }
                    
                        #about_box_home61 {
                            animation-name: move;
                             animation-duration: 2s;  
                      animation-fill-mode: forwards;
                            
                        }
                        #about_box_home62 {
                            animation-name: move2;
                             animation-duration: 2s;  
                      animation-fill-mode: forwards;
                            
                        }
                        .main_color
                        {
                            color: #bf9456;
                        }
                        .black
                        {
                            color: black;
                        }
		.name123
		{
			  margin-left: 65px;
			  margin-top: 0px;
    text-align: center;
    height: 55px;
    width: 252px;
    
    border-radius: 0 35px 35px 0;
    color: black;
    background-color: #bf9456;
    background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
}
		
		.nam123
		{ 
			height: 64px;
    width: 73px;
    background-color: white;
    background-image: linear-gradient( 180deg, rgba(255,255,255,0.7) 0%, rgba(0,0,0,0.7) 200%);
    border: 1px solid rgba(0,0,0,0.7);
    margin-left: -8px;
    margin-top: -59px;
    margin-bottom: 20px;
    border-radius: 20px 0 0 20px;
		}
		.eventdetails123
		{
	
	 padding-top: 8px;
	 font-weight: bold;
	 color: black;

	 font-size: 12px;

		}
		.eventdateborder123
		{
			width: 30px;
    height: 34px;
    margin-top: 14px;
    margin-left: 15px;
    border-left: 2px solid black;
		}

		.eventdateadjust123
		{
			    
    height: 40px;
    margin: auto;
    margin-top: -49px;
    margin-left: 7px;
    font-size: 12px;
    font-weight: bold;
		}

.name1234
		{
			 margin-left: 65px;
			  margin-top: 0px;
    text-align: center;
    height: 55px;
    width: 252px;
    background-color: white;
     background-image:linear-gradient( 207deg, rgba(255,255,255,0.7) -17%, rgba(0,0,0,0.7) 186%);
    border-radius: 0 35px 35px 0;
    color: black;
		}
		.nam1234
		{ 
				height: 64px;
    width: 73px;
    background-color: #bf9456;
     background-image: linear-gradient( 180deg, rgba(191,148,86,0.7) 0%, rgba(0,0,0,0.7) 200%);
    border: 1px solid rgba(0,0,0,0.7);
    margin-left: -8px;
    margin-top: -59px;
    margin-bottom: 20px;
    border-radius: 20px 0 0 20px;
		}
		.eventdetails1234
		{
		
	 padding-top: 8px;
	 font-weight: bold;
	 color: black;

	 font-size: 12px;

		}
		.eventdateborder1234
		{
		width: 30px;
    height: 34px;
    margin-top: 14px;
    margin-left: 15px;
    border-left: 2px solid black;
		}

		.eventdateadjust1234
		{
			    height: 40px;
    margin: auto;
    margin-top: -49px;
    margin-left: 7px;
    font-size: 12px;
    font-weight: bold;
		}

.our-team .pic{
 border-top: 5px solid #000;
 border-bottom: 5px solid #000;
 border-radius: 50% 50% 50% 0;
 overflow: hidden;
 transition: all 0.5s ease 0s;
 }
 .our-team:hover .pic{
 border-top-color: #bf9456;
 border-bottom-color: #bf9456;
 border-radius: 50% 0;
 }
 .our-team .pic img{
 width: 100%;
 height: auto;
 transition: all 0.5s ease 0s;
 }
 @media only screen and (max-width: 990px){
 .our-team{ margin-bottom: 30px; }
 }