@font-face{
	font-family: 'roboto-light';
	src: url('fonts/Roboto-Light.ttf');
}
@font-face{
	font-family: 'roboto-reg';
	src: url('fonts/Roboto-Regular.ttf');
}
@font-face{
	font-family: 'roboto-med';
	src: url('fonts/Roboto-Medium.ttf');
}
@font-face{
	font-family: 'poppins-reg';
	src: url('fonts/Poppins-Regular.ttf');
}
@font-face{
	font-family: 'poppins-med';
	src: url('fonts/Poppins-Medium.ttf');
}
@font-face{
	font-family: 'poppins-semiBold';
	src: url('fonts/Poppins-SemiBold.ttf');
}
html,body{
	margin:0;
	padding: 0;
	font-size: 16px;
	font-family: 'roboto-reg',sans-serif;
	background:#fff;
	scroll-behavior: smooth;
}
.container{
	width: 94%;
	max-width: 1880px;
}
.container-max{
	width: 100%;
	padding:0px 15px;
	margin-left:auto;
	margin-right: auto;
	max-width:1920px;
	margin:auto;
}
.row{
	overflow:hidden;
}
@media screen and (max-width: 575px){
	.container{
		width: 100%;
	}
}

a{
	transition: .4s all;
}
a:hover{
	text-decoration: none;
}
.btn, button{
	border:none;
	outline:none;
	transition:.4s all;
}
.btn:focus, button:focus, .form-item:focus{
	outline: none;
	box-shadow: none;
}
.btn-si{
	position: relative;
	padding: 8px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 20px;
	font-size: 14px;
	min-width: 100px;
}
.btn-sm{
	padding: 5px 10px;
	letter-spacing: .5px;
	border-radius: 20px;
	font-size: 12px;
	text-transform: capitalize;
	min-width: 70px;
}
.btn-trans-white{
	border:1px solid #fff;
	color:#fff;
}
.btn-trans-white:hover{
	background: rgba(156,130,67,1);
	color:#fff;
	border-color: rgba(156,130,67,1);
}
.btn-si-primary{
	background:rgba(0,141,156,1);
	color:#fff;
}
.btn-si-primary:hover{
	color:#fff;
	background: rgba(156,130,67, 1);
}
.btn-cl-secondary{
	background:rgba(157,222,57,1);
	color:#fff;
}
.btn-cl-secondary:hover{
	color:#fff;
	background: rgba(29,202,7, 1);
}
.skew-fix{
	display: inline-block;
	transform:  skew(20deg);
}
.bg-cover{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-contain{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-si{
	background: rgba(49,70,146,1);
	color: #fff;
	font-family: 'roboto-light', sans-serif;
}

p{
	margin-bottom: 15px;
}
p:last-child{
	margin-bottom: 0px;
}

.loader{
	position: fixed;
	left:0;
	top:0;
	width:100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(20,21,23);
	z-index: 1000;
}

.header-wrapper{
	position: relative;
}
.header{
	transition: .4s all;
}
.header.after{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 200;
	background: #fff;
}
.header .inner{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.website-logo{
	max-width: 180px;
	padding: 5px 0px;
}
.header-wrapper li.list-inline-item{
	margin-right:40px;
}
.header-wrapper li.list-inline-item:last-child{
	margin-right:0px;
}
.head-contact{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	min-height:70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,141,156,1);
	z-index: 150;
	transform: translateY(-100%);
	transition: .5s all;
}
.head-contact.show{
	transform: translateY(0%);
}
.head-contact .head-contact-inner{
	width:100%;
	text-align: center;
	position: relative;
	padding: 25px 15px;
	color: #fff;
}
.head-contant-toggler{
	position: absolute;
	right:0;
	top:100%;
	background: no-repeat;
	border-width:0px;
	box-sizing: border-box;
	padding:0px;
	cursor: pointer;
}
.head-contant-toggler:before, .head-contant-toggler:after{
	content: '';
	position: absolute;
	right:0;
	top:0%;
}
.head-contant-toggler:before{
	border-right:50px solid rgb(0,141,156);
	border-bottom: 50px solid transparent 
}
.head-contant-toggler:after{
	width: 30px;
	height:30px;
	background: url(../images/plus-sign.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 60% 60%;
	transition: .5s all;
}
.head-contant-toggler.active:after{
	background: url(../images/minus-sign.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 60% 60%;
}
.head-contact-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head-contact-item p span{
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: left
}
.head-contact-item p a{
	font-family: 'roboto-reg', sans-serif;
	color:#fff;
}
.head-contact-item i{
	width: 40px;
	height:40px;
	line-height: 37px;
	border:2px solid #fff;
	text-align: center;
	border-radius: 50%;
	margin-right: 15px;
	box-sizing: border-box;
}

.social-icons li.list-inline-item{
	margin-right:10px;
}
.social-icons a{
	display: block;
	width:40px;
	height: 40px;
	line-height: 37px;
	border:2px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 768px){
	.head-contact-inner li{
		display: block;
	}
	.head-contact-item{
		max-width: 250px;
		margin:auto;
		justify-content: flex-start;
		margin-bottom: 10px;
	}
	.social-icons li{
		display: inline-block;
	}
	.head-contact-item i{
		margin-right: 25px;
	}
	.social-icons{
		max-width: 250px;
		margin:auto;
		margin-top: 20px;
		text-align: left;
	}
}
.togglable-menubar{
	display: flex;
	justify-content: space-between;
}
.menu-item{
	position: relative;
}
.menu-item:last-child .submenu-level1{
	right:0;
}
.menu-link{
	display: block;
	padding: 18px 10px;
	color: #333;
	font-family: 'roboto-reg', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	position: relative;
}
.menu-link:hover{
	color: rgb(49,70,146);
}
.menu-link:after{
	content: '';
	position: absolute;
	left:50%;
	bottom: 0px;
	width: 60%;
	height:3px;
	background: rgb(49,70,146);
	transform: translateX(-50%) scale(0, 1);
	transform-origin: center;
	transition: .4s all;
}
.menu-link:hover:after{
	transform: translateX(-50%) scale(1, 1);
}
.submenu{
	position: absolute;
	top:100%;
	min-width:180px;
	background:rgba(51, 51, 51);
	display: none;
	filter: drop-shadow(-2px 6px 6px rgba(0,0,0,.15));
	z-index: 99;
}
.submenu li{
	position: relative;
	border-bottom: 1px solid rgb(70, 70, 70);
}
.submenu li a{
	color:#fff;
	font-family: 'roboto-light', sans-serif;
	font-size: 14px;
	display: block;
	padding: 7px 15px;
}
.submenu li a:hover{
	background:rgba(64,64,64);
}
.submenu.level-1{
	left:0;
	top: 100%;
}
.submenu.level-2{
	left:100%;
	top: 0%;
	min-width: 10.87rem;
}
@media screen and (max-width: 992px){
	.menubar-toggler{
		width:40px;
		height:35px;
		background:none;
		transition: .4s all;
		position: relative;
		margin-bottom: 15px;
		margin-right:30px;
	}
	.menubar-toggler:focus{
		box-shadow: none;
		outline: none;
	}
	.menubar-toggler span{
		position: absolute;
		left:0;
		width:100%;
		display: block;
		height:1px;
		background: rgba(0,0,0,1);
		transition: .4s all;
	}
	.menubar-toggler span.bottom{
		bottom:7.5px;
	}
	.menubar-toggler span.middle{
		top:50%;

	}
	.menubar-toggler span.top{
		top:7.5px;
	}
	.menubar-toggler.active{
		transform: rotate(45deg);
	}
	.menubar-toggler.active span{
		top:50%;
	}
	.menubar-toggler.active span.middle{
		transform: scale(0);
	}
	.menubar-toggler.active span.bottom{
		transform: rotate(90deg);
	}

	.menubar{
		position: absolute;
		top:100%;
		right:0;
		min-width: 220px;
		max-width: 300px;
		background: #fff;
		filter: drop-shadow(0px 5px 10px rgba(0,0,0,.15));
		display: none;
		z-index: 100;
	}
	.togglable-menubar{
		display: block;
		max-width: 300px;
	}
	.menu-link{
		padding: 8px 15px;
	}
	.menu-link:hover:after{
		display: none;
	}
	.submenu{
		position: relative;
		top:0;
	}
	.submenu.level-1, .submenu.level-2{
		left:0;
		top: 0;
		right:0;
		filter: none;
	}
	
	.submenu.level-1{
		background: black;
	}
	.submenu.level-1 a{
		color:#fff;
	}
	.submenu.level-2 a{
		color:#ccc;
	}
	.submenu.level-2 a:hover{
		color:#fafafa;
	}

}
.pageBanner .inner{
	min-height: 150px;
}
.bread-crumb{
	background: #fff;
}
.bread-crumb p{
	width: 50%;
	max-width: 700px;
	display: flex;
	justify-content: flex-end;
	height:55px;
	align-items: center;
	background: url(../images/breadcrumb.png);
	background-size: cover;
	background-position: right bottom;
	background-repeat:no-repeat;padding-right: 80px;
	font-size: 16px;
	line-height: 16px;
	font-family: 'poppins-reg', sans-serif
}
@media screen and (max-width: 700px){
	.bread-crumb p{
		width: 99%;
		max-width: 400px;
		padding-left: 1rem;
	}
    .header .navbar-brand, .website-logo{
        max-width: 150px;
    }
}
.bread-crumb p span{
	margin:0px 15px;
	color:#fff;
}
.bread-crumb p a{
	color:#fff;
}

.article-heading{
	margin-bottom: 50px;
}
.heading2{
	font-family: 'poppins-semiBold', sans-serif;
	margin-bottom: 30px;
}
.heading3{
	font-family: 'poppins-med', sans-serif;
	margin-bottom: 30px;
}
.heading4{
	font-family: 'poppins-semiBold', sans-serif;
	margin-bottom: 30px;
	font-size: 23px;
	line-height: 31px;
}
.heading6{
	font-family: 'poppins-med', sans-serif;
}

@media screen and (max-width: 768px){
	.article-heading{
		margin-bottom: 30px;
	}
	.heading2{
		font-size: 26px;
	}
	.heading3{
		font-size: 26px;
	}
	.heading4{
		font-size: 22px;
	}
	p{
		font-size: 14px;
	}
	p.lead{
		font-size: 16px;
	}
}

.product-container .desc{
	min-height: 250px;
	width:100%;
}
.product-container .product-image{
	max-width: 80%;
	max-width: 320px;
	margin: 0px auto;
	margin-top: -160px;
}
.py-7{
	padding: 70px 0px;
}
.content{
	padding: 30px 20px;
}
.feeds .left-panel{
	position: relative;
	z-index: 2;
}
.feeds .left-panel:after{
	content: '';
	position: absolute;
	right: 0%;
	top:0;
	transform: translateX(50%);
	width:25px;
	height:100%;
	background: url(../images/devider.png);
	z-index: 1;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.feeds .left-panel, .feeds .right-panel{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.feeds:first-child .left-panel{
	background: url(../images/poultry-bg.png);
}
.feeds:first-child .right-panel{
	background: rgb(0,141,156)
}
.feeds:nth-child(2) .left-panel{
	background: rgb(140,198,63)
}
.feeds:nth-child(2) .left-panel:after{
	transform: translateX(50%) rotate(180deg);
}
.feeds:nth-child(2) .right-panel{
	background-image: url(../images/cattle-bg.png);
}
.feeds:nth-child(3) .left-panel{
	background: url(../images/pig-bg.png);
	background-repeat: repeat;
	background-position: center;
}
.feeds:nth-child(3) .right-panel{
	background: rgb(46,70,146)
}
.feeds .image img{
	width: 50%;
	max-width: 270px;
}
.feeds .image{
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	min-height: 350px;
}

.feeds .content{
	max-width: 600px;
	padding: 40px 40px;
	color:#fff;
	font-family: 'roboto-light', sans-serif;
	position: relative;
}
.feeds .inner{
	display: flex;
	align-items: flex-start;
	height:auto;
	min-height:350px;
}
.feeds:first-child .inner{
	justify-content: flex-start;
}
.feeds:nth-child(2) .inner{
	justify-content: flex-end;
}
.feeds .btns{
	position: absolute;
	bottom: 0;
	padding: 0px 40px 40px 40px;
}
.left-panel .btns{
	left:calc(100% - 600px);
}
.right-panel .btns{
	left:0%;
}
@media screen and (max-width: 992px){
	.left-panel .btns{
		left:0%;
	}
	.feeds .inner{
		min-height:400px;
	}
}
@media screen and (max-width: 768px){
	.feeds:nth-child(2) .inner{
		justify-content: flex-start;
	}
	.left-panel .btns{
		left:0%;
	}
	.feeds .left-panel:after{
		display: none;
	}
	
	.feeds .inner{
		min-height:350px;
	}
}

@media screen and (max-width: 575px){
	.feeds .content{
		max-width: 500px;
		padding: 40px 15px;
		color:#fff;
		font-family: 'roboto-light', sans-serif;
		position: relative;
	}
}

.promo .inner{
	height:95vh;
	max-height: 880px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
}
.promo .heading3{
	margin-bottom: 40px;
}
.promo h2{
	margin-bottom: 30px;
	padding-bottom: 20px;
	font-size: 46px;
	border-bottom: 2px solid #f5f5f5;
	font-family: 'roboto-med', sans-serif;
}
.promo h2:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid #f5f5f5
}

@media screen and (max-width: 768px){
	.promo h2{
		font-size: 28px;
	}
	.promo .heading3{
		font-size: 24px;
	}
}

.product{
	max-width: 330px;
	margin:auto;
}
.product .desc{
	background-color: rgb(0,141,156);
	padding: 30px 20px 180px 20px;
	z-index: 0;
}
.product .desc h5{
	font-family: 'poppins-semiBold', sans-serif;
	color:#fff;
	margin-bottom: 15px;
}
.product .desc p{
	color: #fff;
	font-family: 'roboto-light', sans-serif;
}
.product .image{
	margin-top:-160px;
	z-index: 2;
}
#productShowcase .swiper-wrapper{
	padding-top:20px;
}
#productShowcase .swiper-button-next, #productShowcase .swiper-button-prev{
	top:60px;
	transform: translateY(0px);
	background-color: rgb(156,130,67);
	border-radius: 0px;
	margin-top:0px;opacity: 1;
	width: 35px;
	height:35px;
	background-size:20px 20px;
}
#productShowcase .swiper-button-next:hover, #productShowcase .swiper-button-prev:hover{
	background-color: rgb(0,141,156);
}
#productShowcase .swiper-button-next{
	right:0;
}
#productShowcase .swiper-button-prev{
	left:100%;
	transform: translateX(-75px);
}




.sidebar{
	padding: 40px 0px;
}
.sidebar li a{
	padding: 10px 15px;
	display: block;
	background: rgba(0,141,156);
	color: #fff;
	font-family: 'roboto-light', sans-serif;
}
.sidebar li.active a, .sidebar li a:hover{
	background: rgb(49,70,146);
}
.sidebar ul li{
	margin-bottom: 5px;
	position: relative;
}
.sidebar li.active:after{
	content: '';
	position: absolute;
	top:0;
	left:100%;
	border-left: 20px solid rgb(49,70,146);
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

.tabs{
	margin-top:30px;
}
.tab-btn{
	border-radius: 7px 7px 0px 0px;
	background: rgb(215,215,215);
	border-width:1px;
	border-bottom-width:0px;
	position: relative;
}
.tab-btn:hover{
	background: rgb(49,70,146);
	color: #fff
}
.tab-btn.active:hover{
	color: #202324;
}
.tab-btn.active{
	background: none;
	border:1px solid rgb(49,70,146);
	border-bottom-width: 0px;
}
.tab-btn.active:after{
	content: '';
	position: absolute;
	top:100%;
	left:0;
	right:0;
	height:2px;
	background:#fff;
}
.tab-content{
	padding: 30px 20px;
	border:1px solid rgb(49,70,146);
	display: none;
}
.tab-content ul li{
	margin-bottom: 10px;
	font-size: 16px;
	font-family: 'roboto-light', sans-serif;

}
.tab-content li:last-child{
	margin-bottom:0px;
}
@media screen and (max-width: 768px){
	.tab-content{
		padding: 30px 10px;
		border:1px solid rgb(49,70,146);
		display: none;
	}
	.tab-btn{
		border-radius: 5px 5px 0px 0px;
		background: rgb(215,215,215);
		border-width:1px;
		border-bottom-width:0px;
		position: relative;
	}
}


.main-content{
	padding: 50px 0px;
}
.main-content .article-heading{
	margin-bottom: 30px;
}
p.lead{
	color:#666;
	font-family: 'roboto-light', sans-serif;
	font-size: 18px;
}
.heading5{
	font-family: 'poppins-semiBold', sans-serif;
}
.main-content .address li i{
	font-size: 16px;
	background:none;
	color:rgb(0,141,156);
}
.main-content .address li{
	margin-bottom: 15px;
	font-size: 16px;
}

.main-content .address li a{
	color: #202324
}
.main-content .social-icons a{
	color: #202324;
	background: rgb(215,215,215);
}
.main-content .social-icons a:hover{
	color: #fff;
	background: rgb(0,41,156);
}
.map-container{
	border: 3px solid rgb(0,141,156);
}
.map{
	width:100%;
	height:350px;
}
ul.custom li{
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
	line-height: 24px;
}
ul.custom li:last-child{
	margin-bottom: 0px;
}
ul.custom li:before{
	content: '';
	position: absolute;top:8px;
	left:0;
	width:7px;
	height:7px;
	background: #202324;
	border-radius: 50%
}
/*.features{*/
/*	max-width: 300px;*/
/*	margin:auto;*/
/*}*/
.features .icon{
	max-width: 70px;
	margin:auto;
	border:3px solid rgba(0,141,156);
	border-radius: 50%;
	overflow: hidden;
	padding: 5px;
	margin-bottom: 20px;
}
.features .icon img{
	transition: .4s all;
	background: rgba(0,141,156);
}
.features h5.heading5{
	font-family: 'poppins-med', sans-serif;
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
}
.features p{
	text-align: justify;
	font-size: 14px;
}




.form{
	border: 1px solid #e0e0e0;
	padding: 30px 20px;
	margin-top: 40px;
}
.input-group{
	margin-bottom: 30px;
}
.input-group .err-msg{
	font-size: 12px;
	color: #a00;
}
.form-item{
	display: block;
	width: 100%;
	padding: 8px 15px;
	border: 1px solid #e0e0e0;
	background: #f0f0f0;
}
.form .btn-si{
	min-width: 150px;
}


.footer{
	background-color: rgb(0,141,156);
	color: #fafafa;
	font-family: 'roboto-light', sans-serif
}

.footer-inner img{
	max-width:150px;
}
ul.address li{
	position: relative;padding-left:40px;
	margin-bottom: 20px;
	line-height: 24px;
	font-size: 16px;
	font-family: 'roboto-reg', sans-serif
}

ul.address li i{
	position: absolute;
	left: 0;
	top:0px;
	height:25px;
	width:25px;
	background: rgba(156,130,67);
	text-align: center;
	line-height: 25px;
	font-size: 14px;
}
ul.address{
	margin-top:30px;
}
.address li a{
	color: #f5f5f5;
}

.footer-inner h4{
	font-size: 36px;
	font-family: 'poppins-light', sans-serif;
	margin-bottom: 30px;
	color:#f0f0f0;
	border-bottom: 2px solid rgba(250,250,250,.8);
	padding-bottom: 15px;
}
.footer-inner h4 span{
	font-family: 'poppins-semiBold', sans-serif;
	opacity: 1;
	color: #fafafa;
}

.footer-inner ul.page-links li{
	margin-bottom: 12px;
	padding-left: 15px;
}
ul.page-links li a{
	color:#f5f5f5;
}
@media screen and (max-width: 768px){
	.footer-inner h4{
		font-size: 26px;
	}
}
.footer-bottom{
	background: rgb(20,21,23);
	color:#fafafa;
	padding: 10px 0px;
	font-family: 'roboto-light', sans-serif;
	font-size: 12px;
}
.footer-bottom a{
	color:#fafafa;
}
.product-page .features li, .custom li{
	font-family: 'barlow-med', sans-serif;
	font-size: 16px;
	position: relative;
	padding-left:35px;	
	font-family: 'poppins-med';
	line-height:2rem;
}
.product-page .features li:before, .custom li:before{
	content: '';
	position: absolute;
	left:0;
	top:1px;
	width: 29px;
	height: 29px;
	background-image: url(../images/check-mark-1.png);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
}




.timeline-wrapper{
    position: relative;
}

.timeline-wrapper:before{
    content:'';
    position: absolute;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    height: 100%;
    background: rgba(49,70,146,1);
}
.timeline{
    margin-bottom: 30px;
    position: relative;
}
.timeline:last-child{
    margin-bottom: 0px;
}

.timeline-badge{
    position: absolute;
    left: 50%;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid rgba(49,70,146,1);
    margin-left: -.6rem;
    top: 20px;
    border-radius: 50%;
    background: #fff
}
.timeline-badge:after{
    content:'';
    position: absolute;
    width: 1.5rem;
    height: 2px;
    top: 50%;
    background: rgba(49,70,146,1);
    transform: translateY(-50%);
}

.timeline:nth-child(odd) .timeline-badge:after{
    left: 100%
}
.timeline:nth-child(even) .timeline-badge:after{
    right: 100%
}

.timeline .timeline-date{
    max-width: 360px;
    margin-top: 15px;
    text-align: left;
    margin-bottom: 15px;
}
.timeline .timeline-date p{
    font-weight: 600;
    font-size: 1rem;
}
.timeline .timeline-panel{
    max-width: 360px;
    padding: 1.3rem 2rem;
    border-radius: 10px;
    background: rgba(240,240,240,1);
    position: relative;
}
.timeline:nth-child(odd) .timeline-date{
    margin-left: 30px
}

.timeline:nth-child(even) .timeline-date{
    margin-right: 30px;
    margin-left: auto;
    text-align: right;
}
.timeline:nth-child(odd) .timeline-panel{
    margin-left: auto;
    margin-right: 20px;
}
.timeline:nth-child(even) .timeline-panel{
    margin-left: 20px
}

.timeline:nth-child(odd) .timeline-panel:after, .timeline:nth-child(odd) .timeline-panel:before{
    left:100%;
    border-left: 12px solid rgba(240,240,240,1);
}
.timeline:nth-child(odd) .timeline-panel:before{
    border-left: 13px solid rgba(180,180,180,1);
}
.timeline:nth-child(even) .timeline-panel:after, .timeline:nth-child(even) .timeline-panel:before{
    right:100%;
    border-right: 12px solid rgba(240,240,240,1);
}
.timeline:nth-child(even) .timeline-panel:before{
    border-right: 13px solid rgba(180,180,180,1);
}
.timeline-panel:after, .timeline-panel:before{
    content:'';
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: 1.3rem;
}

@media screen and (max-width: 767.98px){
	.timeline-badge:after{
		width: 1.2rem
	}
	.timeline-wrapper:before{
        left: 0;
    }
    .timeline-badge{
        left: 15px;
    }
    .timeline:nth-child(even) .timeline-badge:after{
        right: auto;
        left: 100%
    }
    .timeline:nth-child(odd) .timeline-panel{
        margin-right: auto;
        margin-left: 20px
    }
    .timeline:nth-child(even) .timeline-date{
        text-align: left;
        margin-left: 30px;
        margin-right: auto
    }
    .timeline:nth-child(odd) .timeline-panel:after, .timeline:nth-child(odd) .timeline-panel:before {
        left: auto;
        right: 100%;
        border-left: 0px;
        border-right: 12px solid rgba(240,240,240,1);
    }
    .timeline:nth-child(odd) .timeline-panel:before {
        border-right: 13px solid rgba(180,180,180,1);
    }
}