/* main banner start */
.Cows-Bulls section.main_banner{float:left; width:100%; padding-top:65px;position:relative; overflow:hidden;}		
.Cows-Bulls section.main_banner:before{content:""; position:absolute; bottom:40px; top:-50%; left:-20%; right:-20%; background-image:url(../portfolio/Cows&Bulls/images/main-banner.jpg); border-radius:50%; background-position:center; background-size:cover; background-repeat:no-repeat; border:5px solid #ffd433; z-index:-9; }		
.Cows-Bulls section.main_banner .banner-in{ width:100%;}		
.Cows-Bulls section.main_banner .banner-in .logo,.Cows-Bulls section.main_banner .banner-in .main_heading, .Cows-Bulls section.main_banner .banner-in .banner_mobile{ width:100%; float:left;}		
.Cows-Bulls section.main_banner .banner-in .main_heading{padding-top:20px;}
.Cows-Bulls section.main_banner .banner-in .banner_mobile{padding-top:50px;}
.Cows-Bulls section.main_banner .banner-in .logo img, .Cows-Bulls section.main_banner .banner-in .main_heading img, .Cows-Bulls section.main_banner .banner-in .banner_mobile img{ display:inline-block; text-align:center;}		
		/* main banner end */

		
	/* play_game start	 */
.Cows-Bulls section.play_game{padding:70px 0 60px 0; float:left; width:100%;}
.Cows-Bulls section.play_game .game-article{width:100%; float:left;}
.game-article p{font-size:25px; color:#000; line-height:36px; letter-spacing:2px; margin-bottom:0; text-align:justify;}
.Cows-Bulls section.play_game h1{margin-top:120px; float:left; width:100%; font-size:146px; letter-spacing:55px; color:#fdcd1b; font-family: 'GothamMedium'; margin-bottom:0;}
.Cows-Bulls section.play_game .rotate-heading{float:right; transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); margin-top:270px; margin-right:-273px;} 
.Cows-Bulls section.play_game .rotate-heading h2{float:right; color:#fdce20; letter-spacing:16px; font-size:87px; font-family: 'GothamMedium'; margin:0;}
.Cows-Bulls section.play_game .bottom_part{float:left; position:relative; width:100%;}
.Cows-Bulls section.play_game .bottom_part .game_play{ position:absolute;top:190px; left:110px}	
/* play_game end	 */


/* section game_splash start */
.Cows-Bulls section.game_splash{float:left; width:100%; overflow:hidden; padding:255px 0 164px 0;}
.Cows-Bulls section.game_splash .section-left{float:left; width:50%;}
.Cows-Bulls section.game_splash .section-right{float:left; width:50%; }
.Cows-Bulls section.game_splash .section-left .circle{ background-color:#95c533; border-radius:50%; float:left;  left:-6%; position:relative; border:10px solid #fff; background-image:url(../portfolio/Cows&Bulls/images/game-intro.png); padding:424px 0px; background-position-x: 50%; background-repeat: no-repeat;  width:117%; background-position-y:63%; background-size:60%;}  
.Cows-Bulls section.game_splash .section-left .circle img{ margin:0 auto;}
.Cows-Bulls section.game_splash .section-right .circle{ background-color:#fdcd1b; border-radius:50%; float:left;padding:549px 0; width:140%; background-image:url(../portfolio/Cows&Bulls/images/game-splash.png);  background-position-x: 60%; background-repeat: no-repeat;  background-position-y:50%; position:relative; right:30%; z-index:-9; background-size:60%;}
/* section game_splash end */
		
		
	/* section game setting */
.Cows-Bulls section.game_setting{float:left; width:100%;}
.Cows-Bulls section.game_setting .game-article {float:left; width:100%;}
.Cows-Bulls section.game_setting .game_setting_screen{float:left; width:100%; margin-top:70px;}
	/* section game end */
  
  /* typography and color start */
.Cows-Bulls section.typography {float:left; width:100%; padding-top:60px;}
.Cows-Bulls section.typography h1{color:#434343; font-size:60px;   font-family: 'comicbd';  text-transform:uppercase; margin:0;}
.Cows-Bulls section.typography h2{color:#434343; font-size:40px;   font-family: 'comicbd'; margin-top:44px;margin-bottom:0;}
.Cows-Bulls section.typography .fonts_section{ color:#989898; float:left;}
.Cows-Bulls section.typography .fonts_section .csb{ font-size:39px; letter-spacing:10px; font-family: 'comicbd';margin-top:50px; float:left;}
.Cows-Bulls section.typography .fonts_section ul.abcd{padding:0 ;}
.Cows-Bulls section.typography .fonts_section ul.abcd li{ float:left; list-style:none; padding-right:6px;}
.Cows-Bulls section.typography .fonts_section ul.abcd li:last-child{ padding-right:0;}
.Cows-Bulls section.typography .fonts_section .cs{ font-size:39px; letter-spacing:7px;    font-family: 'comic'; margin-top:47px; float:left;}
.Cows-Bulls section.typography .color_section{ float:left; width:100%; padding-top:100px;}
.Cows-Bulls section.typography .color_section ul.color_bar{ float:left; width:100%; margin:0; padding:0; text-align:center; padding-top:80px;}
.Cows-Bulls section.typography .color_section ul.color_bar li{  list-style:none; width:140px; display:inline-block; }
.Cows-Bulls section.typography .color_section ul.color_bar li + li{margin-left:93px;}	
.Cows-Bulls section.typography .color_section ul.color_bar li span.color{ height:137px; width:137px; background-color:red; float:left; border-radius:50%;}
.Cows-Bulls section.typography .color_section ul.color_bar li:nth-child(1) span.color{background-color:#ee2945 ;}
.Cows-Bulls section.typography .color_section ul.color_bar li:nth-child(2) span.color{background-color:#ffa248 ;}
.Cows-Bulls section.typography .color_section ul.color_bar li:nth-child(3) span.color{background-color:#0087cb ;}
.Cows-Bulls section.typography .color_section ul.color_bar li:nth-child(4) span.color{background-color:#ffd433 ;}
.Cows-Bulls section.typography .color_section ul.color_bar li span.color_name{color:#434343; margin-top:27px; font-size:25px; font-family: 'comic'; display:inline-block;}
  /* typography and color end */
	
	/* footer start */
.Cows-Bulls footer.cw-footer{float:left; width:100%; position:relative; padding:130px 0 80px 0;overflow:hidden; }
.Cows-Bulls footer.cw-footer:before{content:""; position:absolute;bottom:-20%; top:54%; left: -10%; right: -10%; background-color:#ffd433;border-top-left-radius: 50%; border-top-right-radius: 50%; z-index:-9;}
.Cows-Bulls footer.cw-footer .top, footer.cw-footer .botttom{float:left; width:100%;}
.Cows-Bulls footer.cw-footer .top img{float:left;}

	/* footer end */

  /* media quries start */
@media(min-width:2300px){
.Cows-Bulls section.game_splash .section-left .circle{padding:600px 0 !important;}
.Cows-Bulls section.game_splash .section-right .circle{padding:750px 0!important;}
}
@media(min-width:1921px){
.Cows-Bulls section.game_splash .section-left .circle{padding:510px 0; background-size:40%;}
.Cows-Bulls section.game_splash .section-right .circle{padding:620px 0; background-size:40%;}
}
@media(min-width:1600px){
.Cows-Bulls section.game_splash .section-left .circle{padding:510px 0; background-size:40%;}
.Cows-Bulls section.game_splash .section-right .circle{padding:620px 0; background-size:40%;}
  }


@media(max-width:1224px){
.Cows-Bulls section.game_splash .section-left .circle{left:-9%;padding: 354px 0px; background-position-x: 50%; width: 107%;   background-position-y:50%;}
.Cows-Bulls section.game_splash .section-right .circle{padding: 442px 0; width: 133%; background-position-x: 37%; background-position-y: 33%; right: 29%;}

}
@media(max-width:1099px){
.Cows-Bulls section.play_game h1{letter-spacing:33px;}
.Cows-Bulls section.play_game .bottom_part .game_play{left:0;}
.Cows-Bulls section.game_splash .section-right .circle{right:19%;}
.Cows-Bulls section.typography .color_section ul.color_bar li + li{margin-left: 40px}
	 
}
@media(max-width:991px){
.Cows-Bulls section.main_banner:before{left:-60%; right:-60%;}
.Cows-Bulls section.game_splash .section-left .circle{padding: 263px 0px;}
.Cows-Bulls section.game_splash .section-right .circle{padding:350px 0;}

.Cows-Bulls section.play_game h1{letter-spacing:12px; font-size:127px;}
.Cows-Bulls section.play_game .rotate-heading{margin-top:215px;}
.Cows-Bulls section.play_game .rotate-heading h2{font-size:74px; letter-spacing:10px;}
.Cows-Bulls section.play_game .bottom_part .game_play{text-align:center;}
.Cows-Bulls section.play_game .bottom_part .game_play img{width:85%; display:inline-block;}
.Cows-Bulls section.play_game .rotate-heading{margin-right:-205px;}
.Cows-Bulls footer:before{left:-30%; right:-30%;}	
}



@media(max-width:767px){
.Cows-Bulls section.main_banner:before{left:-60%; right:-60%; }
.Cows-Bulls section.play_game h1{font-size:40px; letter-spacing:15px; margin-top:60px;}
.Cows-Bulls section.play_game .bottom_part .game_play{top:34%;}
.Cows-Bulls section.play_game .rotate-heading h2{font-size:36px; letter-spacing:6px; }
.Cows-Bulls section.typography h2{margin-top:15px; font-size:36px;}
.Cows-Bulls section.typography h1{font-size:40px;}
.Cows-Bulls section.play_game .rotate-heading{margin-right:-110px; margin-top:130px;}
.Cows-Bulls section.typography .fonts_section .csb{margin-top:40px;}
.Cows-Bulls section.typography .fonts_section .cs{margin-top:15px;}
.Cows-Bulls section.typography .fonts_section ul.abcd li{font-size:24px;}
.Cows-Bulls section.typography .color_section ul.color_bar li{margin:0 auto; width:50%; display:table;}
.Cows-Bulls section.typography .color_section ul.color_bar li + li{margin:0 auto; margin-top:30px;}
.Cows-Bulls section.typography .color_section ul.color_bar li span{display:table-cell !important; vertical-align:middle;}
.Cows-Bulls section.typography .color_section ul.color_bar li span.color_name{font-size:24px;}
.Cows-Bulls section.game_splash .section-left, section.game_splash .section-right{width:100%; float:none;}
.Cows-Bulls section.game_splash .section-right{width:100%; margin-top:50px;}
.Cows-Bulls section.game_splash .section-left .circle{left:0;  width: 290px; background-size:55%; background-position:center; height:290px; padding:0; margin:0 auto; float:none;}
.Cows-Bulls section.play_game .bottom_part .game_play img{float:left;}
.Cows-Bulls section.game_splash{padding:200px 0 90px 0;}
.Cows-Bulls .game-article p{font-size:24px; line-height:32px; letter-spacing:1px;}
.Cows-Bulls section.game_splash .section-right .circle{width:290px;height:290px; right:0; background-position:center; background-size:52%; margin:0 auto; padding:0; float:none;}
.Cows-Bulls footer.cw-footer:before{top:47%; left:-60%; right:-60%;}

}
@media(max-width:560px){
.Cows-Bulls section.typography .color_section ul.color_bar li{width:70%;}
.Cows-Bulls section.typography .color_section ul.color_bar li span.color{height:100px; width:100px;}
}
@media(max-width:480px){
.Cows-Bulls section.play_game{padding-top:30px;}
.Cows-Bulls .game-article p{font-size:16px; line-height:28px;}
.Cows-Bulls section.play_game h1{margin-top:40px;}
.Cows-Bulls section.game_setting{padding-top:30px;}
.Cows-Bulls section.game_setting .game_setting_screen{margin-top:30px;}
.Cows-Bulls section.game_splash{padding:120px 0 60px 0;}
.Cows-Bulls section.typography .color_section{padding-top:60px;}
.Cows-Bulls section.typography .color_section ul.color_bar{padding-top:40px;}
.Cows-Bulls footer.cw-footer{padding:90px 0 30px 0;}
}

@media(max-width:420px){
.Cows-Bulls section.typography .color_section ul.color_bar li{width:90%;}
}





  
 /* media quries end */