body.cws-bls{ font-family: 'GothamBook';}
.cws-bls ul{margin:0; padding:0;}
.cws-bls ul li{list-style:none;}
.cws-bls  .dt{display:table;}
.cws-bls .dtc{display:table-cell;}

/* main banner start */
.cws-bls section.main-banner{background:url(../portfolio/cow-and-bulls-brand/images/main-banner.jpg); background-position:center; background-size:cover; background-attachment:fixed; height:100vh; width:100%;}
.cws-bls section.main-banner .banner-logo{vertical-align:middle;}
/* main banner end */

/* about-us start */
.cws-bls section.about-us{width:100%; padding-top:110px; min-height: 1065px;}
.cws-bls section.about-us p{font-size:15px; color:#000; letter-spacing:2px; line-height:1.5;}
.cws-bls section.about-us ul.logo-ver{display:inline-block; width:100%; }
.cws-bls section.about-us ul.logo-ver li{display:inline-block; position:relative;}

.cws-bls section.about-us ul.logo-ver li:before{ position:absolute; content:""; border-radius:50%;  ; background-position:center; height:605px; width:605px; background-repeat:no-repeat; box-shadow: 0px 0px 20px 9px #00000042; 
-webkit-box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.24);
-ms-box-shadow:  0px 0px 20px 9px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.24);
-o-box-shadow:  0px 0px 20px 9px rgba(0, 0, 0, 0.24);}

.cws-bls section.about-us ul.logo-ver li:nth-child(1):before{  background-image:url(../portfolio/cow-and-bulls-brand/images/round-logo-1.png); background-color:#ed2946;}
.cws-bls section.about-us ul.logo-ver li:nth-child(2):before{ background-image:url(../portfolio/cow-and-bulls-brand/images/round-logo-2.png); background-color:#ffa147;}
.cws-bls section.about-us ul.logo-ver li:nth-child(1){right: 47%;}
.cws-bls section.about-us ul.logo-ver li:nth-child(2){ right: 5%;}
/* about-us end */

/* paper-sectin strat */
section.paper-sectin{width:100%; background-color:#e62844; padding-top:60px;}
section.paper-sectin p{font-size:40px; color:#fff;   font-family: 'GothamBold';  text-transform:uppercase; max-width:54%; float:right; line-height:1.3; }
section.paper-sectin .image-section{margin-top:-200px; }
section.paper-sectin .image-section img{display:inline-block; width:100% }
/* paper-sectin end */


.cws-bls section.typography{padding-top:95px;}
.cws-bls section.typography h1{ color:#434343;  font-family: 'GothamBold'; font-size:40px; display:block; text-transform:uppercase;}
.cws-bls section.typography ul.headings{margin-top:35px; display:block;}
.cws-bls section.typography ul.headings li{ display:inline-block; width:100%;}
.cws-bls section.typography ul.headings li:nth-child(1){margin-bottom:10px; }
.cws-bls section.typography ul.headings li + li{margin-top:35px;}
.cws-bls section.typography .colors-section{display:inline-block; width:100%; margin-top:80px; margin-bottom:125px;}
.cws-bls section.typography .colors-section ul.colors{margin-top:40px; display:inline-block; width:100%;}
.cws-bls section.typography .colors-section ul.colors li{display:inline-block;}
.cws-bls section.typography .colors-section ul.colors li + li{margin-left:95px;}
.cws-bls section.typography .colors-section ul.colors li img{display:block;}
.cws-bls section.typography .colors-section ul.colors li .color-name{display:block; text-align:center; font-size:20px; color:#434343; margin-top:40px;}


/* advertising section start */
.cws-bls section.advertising{width:100%; }
.cws-bls section.advertising .mug-part{width:100%; display:inline-block;}
.cws-bls section.advertising .mug-part img{width:100%; display:inline-block;}
.cws-bls section.advertising .cards{width:100%;}
.cws-bls section.advertising .cards .card-left img, section.advertising .cards .card-right img{max-width:100%; width:100%;}
/* advertising section end */


 /* footer start */
 footer.cwbrand{width:100%; background-image:url(../portfolio/cow-and-bulls-brand/images/flag.png); background-position:center; background-size:cover; background-attachment:fixed; height:100vh;}
 /* footer end */
 
   /* media quary */
   
@media (max-width:1199px){
.cws-bls section.about-us ul.logo-ver li:before{height:400px; width:400px}
.cws-bls section.about-us ul.logo-ver li:nth-child(1):before{left:90px;}	 
.cws-bls section.paper-sectin p{font-size:30px;}  
.cws-bls section.paper-sectin .image-section{margin-top:-150px;}
.cws-bls section.typography .colors-section ul.colors li + li{margin-left:55px;}
.cws-bls section.about-us{min-height:735px; padding-top:70px;}
.cws-bls section.about-us ul.logo-ver{margin-top:50px;}
}

@media(max-width:991px){
.cws-bls section.typography .colors-section ul.colors li{width:25%;}
.cws-bls section.typography .colors-section ul.colors li + li{margin-left:0;}
.cws-bls section.typography .colors-section ul.colors{text-align:center;}
.cws-bls section.typography .colors-section ul.colors li img{display:inline-block;}
.cws-bls section.typography .colors-section ul.colors li .color-name{margin-top:20px; margin-bottom:45px;}
.cws-bls section.paper-sectin p{font-size:22px;}
.cws-bls section.paper-sectin .image-section{margin-top:-80px;}
.cws-bls section.paper-sectin{padding-top:45px;}
.cws-bls section.typography{padding-top:55px;}
.cws-bls section.about-us ul.logo-ver li:nth-child(1):before{left:28px;}
.cws-bls section.about-us ul.logo-ver li:before{height:350px; width:350px; background-size:80%;}
.cws-bls section.about-us ul.logo-ver li:nth-child(2){right:0;}
.cws-bls section.typography ul.headings li img{max-width:100%;}
.cws-bls section.typography ul.headings li + li{margin-top:20px;}
.cws-bls section.typography .colors-section{margin-bottom:40px;}
}
   
@media(max-width:767px){
.cws-bls section.main-banner{height:480px;}
.cws-bls section.main-banner .banner-logo img{max-width:70%;}
.cws-bls section.about-us p{text-align:center; margin:0;}
.cws-bls section.about-us ul.logo-ver li{width:100%;  height:45%;}
.cws-bls section.about-us ul.logo-ver li:before{height:250px; width:250px; background-size:70%;}
.cws-bls section.about-us ul.logo-ver li:nth-child(1){left:0; right:0;}
.cws-bls section.about-us ul.logo-ver li:nth-child(2):before{top:25px;}
.cws-bls section.about-us ul.logo-ver li:nth-child(1):before, section.about-us ul.logo-ver li:nth-child(2):before{left:0; margin:0 auto;right:0;}
.cws-bls section.about-us ul.logo-ver{height:600px;}
.cws-bls section.paper-sectin p{font-size:16px; max-width:100%; float:none; text-align:center;}
.cws-bls section.paper-sectin{padding-top:30px;}
.cws-bls section.paper-sectin .image-section{margin-top:0px;}
.cws-bls section.about-us{padding-top:40px;}
.cws-bls section.typography{padding-top:40px;}
.cws-bls section.typography h1{margin-top:0; font-size:24px; text-align:center;}
.cws-bls section.typography ul.headings{margin-top:15px;}
.cws-bls section.typography ul.headings li:nth-child(1){margin-bottom:10px;}
.cws-bls section.typography ul.headings li + li{margin-top:10px;}
.cws-bls section.typography .colors-section{margin-top:50px; margin-bottom:0;}
.cws-bls section.typography .colors-section ul.colors{margin-top:15px;}
.cws-bls section.typography .colors-section ul.colors li{width:100%;}
.cws-bls section.typography .colors-section ul.colors li .color-name{margin-bottom:25px; margin-top:5px; font-size:16px;}
.cws-bls section.advertising .dtc{display:inline-block; width:100%;}



}