Psyduck - 可達鴨 之 鴨力山大 v0.1

/* #Media Queries
================================================== */
/* END__ */

@media (max-width: 1199px) {

	.donate-btn a span{
		display: none;
	}
	.order-button span{
		display: none;
	}
	.stellarnav > ul > li > a{
		padding: 20px 13px;
		font-size: 14px;
	}
	.banner .carousel-caption h2{
		font-size: 30px;
	}
	.banner .carousel-caption .btn{
		margin-top: 0; 
		    padding: 10px 20px;
	}
	.title-border h3{
		font-size: 60px;
	}
	.title-border{
		width: 100%;
	}
	.owl-next, .owl-prev {
	    background: #ffffffb0;
	}
	.owl-prev {
	    left: -5px;
	}
	.owl-next {
	    right: -5px;
	}
	.order-icon a img{
		margin-top: 0;
	}

} 
/* END__ */

@media (max-width: 991px) {
	.bluu-bg .col-md-10.col-lg-10.d-flex.align-items-center.p-4{
		justify-content: center !important;
	}
	.sec-box{
		margin-bottom: 30px;
	}
.mobile-font-size{
	font-size: 25px;
}
.main-btn a{
	font-size: 15px !important;
	margin-left: 15px;
	padding: 10px 15px;
}

.blue-bg{
	padding-bottom: 7.5em !important;
}


.block-content-box{
	margin-right: 0;
	max-width: 100%;
	margin: 20px;
}
.service-tam-box{
    max-width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	justify-content: center;
}
.banner .carousel-caption h2{
	font-size: 22px;
}
.banner .carousel-caption .btn{
	margin-top: 0;
	padding: 6px 10px;
	font-size: 14px;
}
.servicecontent-box{
	padding: 30px;
}
.section-title h2{
	font-size: 25px;
}
.section-title h2::after{
	width: 218px;
    height: 17px;
    bottom: -28px;
}


.rounded-div{
	bottom: -190px;
}

.coundownmain li{
	font-size: 35px;
}
.coundownmain li{
	padding: 10px 20px;
}
.coundown{
	padding: 50px 0;
}
.stellarnav > ul > li > a{
	color: #333 !important;
	
}
.stellarnav ul ul{
	box-shadow: unset;
}
.stellarnav li li a{
	text-align: center;
	color: #333;
}

.menu{
	order: 2;
}
.donate-btn{
	order: 1;
}
.donate-btn a{
	margin-left: 5px;
	margin-right: 10px;
}
.char{
	font-size: 55px;
	margin-bottom: 10px;
}
.vewbtn{
	align-items: center;
}

.pulse-button{
    padding: 10px 20px;
	padding-left: 20px;
	font-size: 12px;
	width: auto;
    margin-top: 5px;
    line-height: normal;
}
.pulse-button i{
	position: unset;
	font-size: 14px; 
	    margin-right: 5px;
}
.flotingbutton ul{
	padding: 0;
    padding-left: 5px;
}
.cms-wraper h2 {
	line-height: normal;
	font-size: 30px; 
}
.cms-wraper h2 span{
	font-size: 30px; 
	
}
.menu-div{
	margin: 0 auto; 
}
.grid .item{
	width: 170px;
	height: 170px;
}
.order-button{
	margin-right: 10px;
}

} 
/* END__ */

@media only screen and (max-width: 767px) {

.blue-bg {
    padding-bottom: 0.5em !important;
}
.menumain .navbar-brand img{
	height: 40px;
}
/*.menu-light .main-btn a span{
	display: none;
}*/
.blue-bg{
	background-size: 140%;
}
.banner{
	margin: 0;
}

body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header{ font-size:1rem;}
p {font-size:14px;}
h1, .h1 {font-size:1.875rem;}
h2, .h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}

	
.banner .carousel-item img {
    height: 400px;
    object-fit: cover;
}
.title-border h2{
	font-size: 25px;
}
.title-border h3{
	font-size: 30px;
}

.title-border p{
	font-size: 18px;
}
.coundownmain li{
	    width: 49%;
    margin-bottom: 10px;
    border: solid 1px #fff;
}

.coundownmain li span{
	font-size: 16px;
}
.coundownmain li:last-child{
    border-right: solid 1px #fff;
}

.banner .carousel-caption h2{
	font-size: 16px;
}
.carousel-caption .container .row .col-sm-12 h2{
	text-align: center !important;
}


.cms-wraper h2{
	font-size: 25px;
}
.cms-wraper .bgdark h4{
	font-size: 14px;
}
.grid .item{
	width: 140px;
	height: 140px;
}
.grid .item .orderspace{
	font-size: 10px; 
}
.thanku_bg img{
  width: 70%;
  margin:0 auto;
}
.thanku_bg p{font-size:14px;}


} 
/* END__ */
@media (max-width: 575px) {
	.custome-container{
		    margin: 0 15px;
	}
.main-btn a{
	margin-right: 6px;
}
.main-btn a{
	padding: 10px 15px;
}
.sectiongap{
	padding: 30px 0;
}




	.clintsay-box{
		text-align: center;
	}
	.clintsay-box{
		margin-top: 15px;
	}
	.clintsay-box h3::after{
		    left: 50%;
    transform: translateX(-50%);
	}
	.service-box{
		width: 50%;
	}
	.block-content-box{
		padding: 15px;
	}
	.service-img{
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.service-title{
		font-size: 13px;
	}
	.trainer-dtls h3{
		font-size: 14px;
	}
	.trainer-sochalicon h3{
		font-size: 16px;
	}
	.plan-top h3 {
	    font-size: 26px;
	}
	.plan-top h5{
		margin: 0px 0 10px 0;
	}
	.cms-wrap h4{
		font-size: 22px;
	}
	.char{
		font-size: 40px;
	}
	.banner .carousel-caption .btn{
		margin-top: 10px;
	}
	.cms-wraper h2 span::after{
		width: 20px;
	}
	.section-title h2{
		font-size: 20px;
	}
	.section-title h5{
		font-size: 14px;
	}
	.navbar{
		justify-content: center;
	}
	.thankyoumain .section-title h2 {
	    font-size: 30px;
	}
} 

@media (max-width: 480px) {
.navbar-brand img{
	height: 45px;
}
.navbar{
	justify-content: center;
}
.menu-light .sochalbutton a{
	  margin-left: unset;
    margin: 5px;
        width: 44px;
    height: 44px;

}


} 
/* END__ */