body.vine-and-Swine{font-size:16px;font-family: 'BebasNeueBold'; }
.header-section .navbar-inverse .navbar-nav>li a{font-family: 'corbel';}
.vine-and-Swine h2{font-size:40px; color:#d9d9d9; font-family: 'BebasNeueBold'; letter-spacing:5px; text-align:uppercase;}
.vine-and-Swine h2, .vine-and-Swine h4, .vine-and-Swine p{margin:0;} 
.vine-and-Swine ul.colors{margin:0; padding:0;}
/* .vine-and-Swine ul li{padding:0; list-style:none;} */
.vine-and-Swine ul.colors li{padding:0; list-style:none;}
.vine-and-Swine .pdl{padding-left:0;}
/* banner css start */
.vine-and-Swine section.banner-bovin{width:100%; background-image: url(../portfolio/Bovine-and-swine/images/bg/bg1.png); text-align:center; padding:80px 0 88px 0; float:left; background-size:cover;}
.vine-and-Swine section.banner-bovin .banner_top, .banner_bottom{width:100%; float:left; text-align:center;}
.vine-and-Swine section.banner-bovin .banner_top img, .banner_bottom img{ display:inline-block;}
.vine-and-Swine .banner_bottom{padding-top:83px;}
/* banner css end */

/* section project start */
.vine-and-Swine section.project{float:left; width:100%; padding:60px 0 84px 0; background-size:cover; background-image:url(../portfolio/Bovine-and-swine/images/bg/bg2.png);}
.vine-and-Swine .project_top, .project_bottom{float:left; width:100%;}
.vine-and-Swine .project_top{padding-bottom:97px; border-bottom:1px solid #949393;}
.vine-and-Swine .project_top h4{color:#949393; font-size:20px; letter-spacing:3px; margin-top:23px;}
.vine-and-Swine .project_bottom{padding-top:128px;}
.vine-and-Swine .sec-top{margin-top:107px;position:relative;}
.vine-and-Swine .sec-top:before{content:""; position:absolute; left:0; right:28%; border-bottom:1px solid #949393; bottom:-44px;}
.vine-and-Swine .sec-top:after{content:""; position:absolute; left:42%; right:0; border-left:1px solid #949393; bottom:-243%; top:-17%; }
.vine-and-Swine .sec-top, .sec-bottom{float:left; width:100%;}
.vine-and-Swine .sec-bottom{padding-top:82px;}
.vine-and-Swine .text_image{float:left; width:100%;}
.vine-and-Swine .text_image img{max-width:100%;}
.vine-and-Swine .left-text{margin-left:40px;}
/* section project end */

/* section color palatte start */
.vine-and-Swine section.color-palette{float:left;  width:100%; padding:75px 0 0px 0; background-size:cover; background-image:url(../portfolio/Bovine-and-swine/images/bg/bg3.png); text-align:center;}
.vine-and-Swine section.color-palette h2{text-align:left;}
.vine-and-Swine ul.colors{margin-top:225px; float:left; width:100%;}
.vine-and-Swine li.color{height:93px; width:93px; border-radius:50%; background-color:#e73831; display:inline-block; margin-left:150px;position:relative;}
.vine-and-Swine li.color:first-child{margin	:0;}
.vine-and-Swine li.color:before{content:""; border:1px solid #949393;position:absolute;top:-25px; bottom:-25px; left:-25px; right:-25px; border-radius:50%;}
.vine-and-Swine li.color:after{content: ""; border: 1px solid #949393; position: absolute; left: 142px; right: -13px; top: 50%;width: 50px;}
.vine-and-Swine li.color:last-child:after{display:none;}
.vine-and-Swine span.name{line-height:93px; vertical-align:middle; float:right; font-size:20px; color:#fff; letter-spacing:3px; margin-right:-25px;}
.vine-and-Swine li.two{background-color:#363636;}
.vine-and-Swine li.three{background-color:#c2c2c2;}
.vine-and-Swine li.four{background-color:#ffffff;}
.vine-and-Swine li.four span.name{color:#c2c2c2;}
.vine-and-Swine .sectio_top, .vine-and-Swine .sectio_bottom{float:left; width:100%;}
.vine-and-Swine section.color-palette .sectio_bottom{padding-top:190px;}
.vine-and-Swine .image_sectgion{width:95%; display:inline-block; margin-top:108px;}
.vine-and-Swine .image_sectgion img{float:left; width:100%;}
/* section color palatte end */

/* section four start */
.vine-and-Swine section.sec_four{float:left; width:100%; padding-top:106px; background-color:#111	;}
.vine-and-Swine .lptp_sec{width:95%; position:relative;}
.vine-and-Swine .lptp_sec:before{content:""; position:absolute; width:43px; border-top:1px solid #949393; top:50%;  right:-55px;}
.vine-and-Swine .lptp_sec, .vine-and-Swine .tab-sec{float:left; }
.vine-and-Swine .lptp_sec img, .vine-and-Swine .tab-sec img{float:left; width:100%;}
/* section four end */

/*.bs-footer start */
.vine-and-Swine section.bs-footer{padding:115px 0 106px 0; float:left; background-size:cover; background-image:url(../portfolio/Bovine-and-swine/images/bg/footer-bg_02.png); width:100%; background-repeat:no-repeat; background-position:bottom;}
.vine-and-Swine .tab_section{float:left; width:100%;}
.vine-and-Swine section.bs-footer h2{ width:100%; text-align:center; float:left; padding-top:105px; font-size:60px; letter-spacing:12px; color:#ffffff;}
/* footer end */

/* media quarys */



@media (min-width:992px){
.vine-and-Swine .sec-top, .vine-and-Swine .sec-bottom{margin-left:15px;}
}
@media (max-width:1224px){
.vine-and-Swine section.banner-bovin{padding-left:15px; padding-right:15px;}
}

@media (max-width:991px){
.vine-and-Swine section.banner-bovin{padding-left:15px; padding-right:15px;}
.vine-and-Swine section.project{padding-top:0; padding-bottom:55px;}
.vine-and-Swine .project_top{padding-bottom:60px;}
.vine-and-Swine .project_bottom{padding-top:100px;}
.vine-and-Swine .left-text{margin-left:0;}
.vine-and-Swine .sec-top{margin-top:80px;}
.vine-and-Swine .pdl{padding-left:15px;}
.vine-and-Swine .sec-top:before{top:-15%; bottom:0; border-top: 1px solid #949393; border-bottom:0; left:2%; right:2%;}
.vine-and-Swine .sec-top:after{top:0; bottom:-130%; border-bottom: 1px solid #949393; border-left:0; left:2%; right:2%; z-index:0;}
.vine-and-Swine .sec-bottom{padding:0;}
.vine-and-Swine .text_image{padding-top:30px;}
.vine-and-Swine li.color{margin-left:100px;}
.vine-and-Swine .tab-sec{float:left; width:100%; text-align:center; margin-top:80px;}
.vine-and-Swine .tab-sec img{float:none; width:auto;}
.vine-and-Swine .lptp_sec:before{bottom:-40px; top:inherit; left:50%;} 
.vine-and-Swine .sec_four .pdl{padding:0;}
.vine-and-Swine li.color:after{top: 0;
    width: 0;
    bottom: 0;}
.vine-and-Swine section.color-palette{padding-top:100px;}
.vine-and-Swine ul.colors{margin-top:80px;}
.vine-and-Swine section.color-palette .sectio_bottom{padding-top:120px;}
.vine-and-Swine .image_sectgion{margin-top:80px;}
.vine-and-Swine section.sec_four{padding-top:100px;}
.vine-and-Swine section.bs-footer h2{padding-top:80px;}
.vine-and-Swine section.bs-footer{padding:100px 0;}
}

@media (max-width:767px){
	
.vine-and-Swine .banner_top img{float:none; width:360px;}

.vine-and-Swine .project_top{text-align:center;}
.vine-and-Swine h2{text-align:center !important;}
.vine-and-Swine ul.colors{width:150px; margin:80px auto; float:none;}	
.vine-and-Swine li.color{margin-left:0 !important; margin-bottom:100px !important;}
.vine-and-Swine li.color:after{bottom:-58%; left:0%; right:0%; top:inherit; width:inherit;}
.vine-and-Swine .lptp_sec:before{left:48%;}
.vine-and-Swine section.color-palette .sectio_bottom{padding-top:0 !important;}
.vine-and-Swine section.bs-footer h2{font-size:40px;}
}

@media (max-width:480px){
.vine-and-Swine section.banner-bovin{padding:60px 15px;}
.vine-and-Swine .banner_bottom{padding-top:50px;}
.vine-and-Swine .banner_top img{ width:230px !important;}
.vine-and-Swine section.project{padding:60px 0;}
.vine-and-Swine .project_top{padding-bottom:30px;}
.vine-and-Swine .project_top h4{margin-top:40px;}
.vine-and-Swine .sec-top{margin-top:30px;}
.vine-and-Swine .sec-top:before{top:0;}
.vine-and-Swine .sec-top:after{bottom:-120%;}
.vine-and-Swine .project_bottom{padding-top:60px;}
.vine-and-Swine .tab-sec img{width:100% ; float:left ;}
.vine-and-Swine section.color-palette{padding:60px 0;}
.vine-and-Swine ul.colors{margin:70px auto;}
.vine-and-Swine li.color:last-child{margin-bottom:0!important;}
.vine-and-Swine image_sectgion{margin-top:60px;}

.vine-and-Swine section.sec_four{padding:60px 0;}
.vine-and-Swine section.bs-footer{padding:60px 0;}
.vine-and-Swine section.bs-footer h2{padding-top:60px;}
}