@charset "UTF-8";
@media only screen and (max-width:1839px){
    .bookingImage {
        float: right;
        margin-left:0px !important;
        margin-right:-70px;
    }
    .bookingText {
	padding-left: 0px;
}
}
@media only screen and (max-width:1639px){
    .eloSection img {
	max-width: 100%;
}
}
@media only screen and (max-width:1439px){
    .menuArea .navbar .navbar-nav .nav-item {
        margin: 0 5px;
    }
    .deviceImage {
        margin-left: 0;
        max-width: 100%;
    }
    .pointSection img {
        max-width: 100%;
    }
}
@media only screen and (max-width:1439px){
    .bottomBtnSection {
        right: 10px;
    }
    
}
@media only screen and (max-width:1365px){
    .mainHeader .container {
        padding: 0 15px;
    }
        .bookingImage {
        margin-right: -70px;
        max-width: 700px;
    }
    .giveSection img {
        max-width: 100%;
    }
    .pointSection, .sheetSection, .mobileSection, .bookingSection, .eloSection, .cloverSection, .giveSection {
        padding: 140px 0 30px;
    }
    .copyRightSection {
        margin-bottom: -15px;
        margin-top: 15px;
    }
    .formContact input, .formContact textarea {
	margin-bottom: 20px;
}
    .menuArea .navbar .navbar-nav .nav-item .nav-link {

	font-size: 12px;
}
    .sheetSection img{
        max-width: 100%;
    }
}
@media only screen and (max-width:991px){
        .menuArea .navbar .navbar-nav .nav-item .nav-link {

	font-size: 15px;
}
.menuArea .navbar-toggler {
	border: 0;
	box-shadow: none;
	padding: 0;
}
.menuArea .navbar-toggler .navbar-toggler-icon {
	height: 4px;
	background: #FFF;
	position: relative;
	margin: 15px 0;
	border-radius: 4px;
}
.menuArea .navbar-toggler .navbar-toggler-icon::before {
	content: "";
	width: 45px;
	height: 4px;
	background: #FFF;
	position: absolute;
	top: -15px;
	left: 0;
	border-radius: 5px;
}
.menuArea .navbar-toggler .navbar-toggler-icon::after {
	content: "";
	width: 45px;
	height: 4px;
	background: #FFF;
	position: absolute;
	bottom: -15px;
	left: 0;
	border-radius: 5px;
}
    .menuArea #navbarNav {
	background: #192233;
	width: 250px;
	position: absolute;
	top: 87px;
	margin-left: 1px;
	padding: 25px;
	border-radius: 10px;
}
    .menuArea #navbarNav .navbar-nav li {
	padding: 15px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
    .menuArea #navbarNav .navbar-nav li:last-child{
        border:0 none;
    }
    .menuArea .navbar .navbar-nav .nav-item .nav-link::after {
	bottom: -16px;
}
    h1 {
	font-size: 45px;
}
    .textAreaBanner p {
	max-width: 100%;
}
    .bannerSection {
	min-height: inherit;
	height: auto;
	padding-top: 220px;
        padding-bottom: 50px;
}
    .buttonGroup button + button {
	margin-left: 10px;
}
    header .defaultBtn {
	padding: 10px 10px;
	font-size: 15px;
	height: 53px;

}
    .aboutData {
	padding-left: 0;
}
    .aboutSection {
	min-height: inherit;
	height: auto;
        padding-top: 160px;
        padding-bottom: 50px;
}
    .aboutData p {
	margin-bottom: 30px;
}
    h2 {
	font-size: 35px;
        letter-spacing: 0;
}
    .aboutData h2 {
	margin-bottom: 15px;
}
    .pointSection, .sheetSection, .mobileSection, .bookingSection, .eloSection, .cloverSection, .giveSection {
	min-height: inherit;
	padding: 160px 0 50px;
}
    .pointSection .row + .row {
	margin-top: 0;
}
    .sheetSection img {
	max-width: 100%;
}
    .bookingImage {
	max-width: 540px;
}
    .sheetSection h2, .bookingText h2, .mobileSection h2, .eloSection h2, .cloverSection h2 {
	margin-bottom: 15px;
}
    .buttonsApp {
	margin-top: 30px;
}
    .buttonsApp a + a {
	margin-left: 20px;
}
.formContact input, .formContact textarea {
	font-size: 16px;
	-webkit-appearance: none;
    border-radius: 0px;
}
    .copyRightSection ul {
	margin-right: 15px;
}
    .mainHeader .navbar-brand {
	top: 15px;
	width: 130px;
}
    .mainHeader .navbar-brand img{
        max-width: 100%;
    }
    .defaultBtn img {
	margin-left: 5px;
}
    header .defaultBtn {
	padding: 10px 10px;
	font-size: 14px;
	height: 45px;
}
    .navbar-brand::after {

    left: -60px;
}
}
@media only screen and (max-width:767px){
    .buttonGroup .btn:first-child {
        display: none;
    }
    .navbar-brand::after {
	width: 205px;
}
.sliderArea {
	margin: 0 -120px;
}
    .bannerSection {
	overflow: hidden;
        padding-bottom: 100px;
}
.sliderArea .slick-dots {
	margin: 0 0 40px;
}
    h1 {
	font-size: 40px;
}
    .aboutSection {
	background-image: url(../images/Mobile-bg.jpg) ;
}
    .menuArea #navbarNav {

	width: calc(100vw - 30px);
	top: 55px;
	margin-left: 0px;
	padding: 25px;
	border-radius: 20px;
	border: 0 solid rgba(255, 255, 255, 0.5);
	box-shadow: 0px -3px 5px rgba(255, 255,255, 0.5);
	z-index: 9;
}
    .aboutData h2, .pointSection h2 {
	margin-bottom: 20px;
}
    .aboutData p {
	margin-bottom: 40px;
}
    .pointSection img {
	margin-bottom: 30px;
}
    .pointSection, .sheetSection, .mobileSection, .bookingSection, .eloSection, .cloverSection, .giveSection {
	padding: 160px 0 150px;
}
    .sheetSection img {
	max-width: 110%;
	margin-left: -5%;
}
    .bookingImage {
	margin-bottom: 40px;
}
    .bookingText p, .aboutData p {
	padding-right: 25px;
}
    .mobileSlider {
	margin-top: 50px;
}
    .mobileSlider .mobileSlider {
	margin-top: 50px;
}
    .eloSection img {
	margin-top: 50px;
}
    .mobileSlider .slick-dots {
	margin-top: 0px;
}
    .deviceImage {
	margin-bottom: 50px;
}
    .textarea {
	padding-right: 20px;
}
    .giveSection .col-md-7 img {
	max-width: 200px;
	margin-top: 50px;
}
    .copyRightSection {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start !important;
	margin-top: 40px;
}
    .copyRightSection p {

	margin-top: 10px;
}
	.copyRightSection ul li a {
		color: white;
		text-decoration: none;
	}
    .formContact button {
	float: left;
        margin-top: 0px;
}
    .giveSection{
        padding-bottom: 50px;
    }
    .bookingImage {
	margin-bottom: 40px;
	max-width: 410px;
	margin-right: 5px;
}
    .pointSection, .sheetSection, .mobileSection, .bookingSection, .eloSection, .cloverSection, .giveSection {
	overflow: hidden;
}
    .mobileSlider .slick-dots {
	padding: 0;
}
        .bottomBtnSection::after {
	height: 35px;
}
    .bottomBtnSection.backtop::after {
	bottom: -55px;
}
    .bottomBtnSection {
	bottom: 40px;
}
    .bottomBtnSection::after {
	top: -50px;
}
    .slick-dots li button {

	width: 25px;
	height: 3px;
}
    .navbar-brand::after {
    left: -35px;
}
}
@media only screen and (max-width:413px){
    header .defaultBtn {
	padding: 10px 5px;
	font-size: 12px;
	height: 40px;
}
    header .defaultBtn img {
	margin: ;
	margin-left: 4px;
	width: 16px;
}
    .mainHeader .navbar-brand {
	top: 15px;
	width: 100px;
}
    .navbar-brand::after {
	width: 165px;
	bottom: -38px;
	background-size: contain;
	height: 40px;
}
    .mainHeader .d-flex {
	height: 107px;
}
    .textAreaBanner p {
	font-size: 18px;
	line-height: 30px;
}
    .bookingText p, .aboutData p, .pointSection p, .sheetSection p, .mobileSection p, .textarea p {
	font-size: 16px;
	line-height: 28px;
}
    .soon {
	font-size: 16px;
	margin-bottom: 20px;
}
    h2 {
	font-size: 30px;
	letter-spacing: 0;
}
    .sliderArea .slick-dots {
	padding: 0;
}
    .bannerSection {
	padding-top: 150px;
}
    .textAreaBanner p {
	margin-bottom: 30px;
}
    .bottomBtnSection {

	font-size: 15px;
	letter-spacing: 2px;
}
    

}