* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; list-style:none;}
body {font-size:16px; line-height:normal; color: #000; font-family: 'quicksandbook', sans-serif;}
a {outline:none; text-decoration:none; color:#000; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
a:hover {text-decoration:none;}
input, textarea, select {font-size:14px; color:#000; vertical-align:middle; outline:none; resize:none;}
input[type="button"], input[type="submit"], button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.transition {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
img {border:none; vertical-align:top; width: auto; max-width:100%;}
p {margin-bottom: 10px;}
.tac {text-align:center;}
.mainCon {width:100%; position:relative; min-height:100vh;}
.container {max-width: 100%; margin:auto; padding:0 15px;}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.itemCenter {-webkit-align-items: center; align-items: center;}
.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}
.fullWidth {width: 100%;}
.white_text {color: #ffffff !important;}
.ptb-45 {padding-top: 45px; padding-bottom: 45px;}
.pt-0 {padding-top: 0px;}
.pb-0 {padding-bottom: 0px;}
.pb-20 {padding-bottom: 20px;}
.pt-350 {padding-top: 350px;}

.row {display: flex; display: -ms-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-size-8 {position: relative; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding-left: 15px; padding-right: 15px;}
.col-size-4 {position: relative; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: 15px; padding-right: 15px;}

/* Desktop view style  */

/*.header-section {position: fixed; width: 100%; left: 0px; top: 0px; z-index: 1; text-align: center; padding: 40px 15px;}
.header-fixed {padding: 10px 15px;}*/
.topVideo-section {position: relative; background: #000;}
.logo-box {position: absolute; top: 40px; left: 50%; transform: translateX(-50%); z-index: 1;}
.logo-text a {font-size: 20px; font-family: 'aggienormal';}
.banner-cont {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); font-size: 44px; color: #fff; text-align: center;}

.section-divider {padding: 10px 0px; background: #7ac5c8; position: relative;}
.circle-downArrow {width: 35px; height: 35px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 50%);}
.circle-downArrow img {position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%);}
.cont-box {font-size: 17px; line-height: 30px; color: #585858;}

.banner-bg {background-repeat: no-repeat !important; background-size: cover !important;}
.aboutUs-section {background-position: 100% 100% !important;}
.section-HD {font-size: 30px; position: relative; bottom: 10px;}
.marianProducts-section-HD {font-size: 25px; margin-bottom: 25px;}
.mp-row {display: flex; flex-wrap: wrap;}
.mp-col {border: 5px solid #7ac5c7; flex: 0 0 calc(25% - 7.5px); max-width: calc(25% - 7.5px); margin-right: 10px; margin-top: 10px; padding: 10px;}
.mp-col:nth-child(4n) {margin-right: 0px;}
.mp-title {font-size: 20px; margin-bottom: 25px;}
.mp-list li {font-size: 15px; margin-bottom: 15px; position: relative; padding-left: 10px;}
.mp-list li:last-child {margin-bottom: 0px !important;}
.mp-list li:before {content: ''; position: absolute; top: 7px; left: 0px; width: 5px; height: 5px; background: #000; border-radius: 50%;}
.footer-section {background: #7ac5c8; padding: 5px 0px;}
.footer-navList ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.footer-navList ul li {margin-right: 50px; position: relative; font-size: 16px; line-height: 16px; padding: 5px 0px;}
.footer-navList ul li:last-child {margin-right: 0px;}
.footer-navList ul li:after {content: ''; position: absolute; border-right: 2px solid #3d6264; right: -25px; width: 2px; height: 16px; top: 50%; transform: translateY(-50%);}
.footer-navList ul li:last-child:after {content: normal;}
.footer-navList ul li a {font-size: 16px; line-height: 16px; color: #000; display: block;}

/* Responsive Style */

@media (max-width:  1199px) {
    .topVideo-section iframe {height: calc(100vh - 50px);}
    .banner-cont {width: 100%; text-align: center;}
    .pt-350 {padding-top: 250px;}
    .footer-navList ul li {margin-right: 15px; font-size: 14px; line-height: 14px;}
    .footer-navList ul li a {font-size: 14px; line-height: 14px;}
    .footer-navList ul li:after {right: -8px;}
}
@media (max-width:  991px) {
    .banner-cont {font-size: 32px;}
    .col-size-4, .col-size-8 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .cont-box {font-size: 14px; line-height: 24px;}
    .section-2 .cont-box {text-align: center; margin-top: 20px;}
    .mp-col {flex: 0 0 calc(33.333% - 7.5px); max-width: calc(33.333% - 7.5px);}
    .mp-col:nth-child(3n) {margin-right: 0px;}
    .mp-col:nth-child(4n) {margin-right: 10px;}
    .mp-title {font-size: 16px; margin-bottom: 20px;}
    .mp-list li {font-size: 13px; margin-bottom: 10px;}
    .mp-list li:before {top: 5px;}
}

@media (max-width:  767px) {
    .banner-cont {font-size: 21px;}
    .ptb-45 {padding-top: 35px; padding-bottom: 35px;}
    .logo-text a {font-size: 18px;}
    .pt-350 {padding-top: 150px;}
    .section-HD {font-size: 24px;}
    .marianProducts-section-HD {font-size: 21px;}
    .mp-col {flex: 0 0 calc(50% - 7.5px); max-width: calc(50% - 5px);}
    .mp-col:nth-child(3n) {margin-right: 10px;}
    .mp-col:nth-child(2n) {margin-right: 0px;}
}
@media (max-width:  575px) {
    .topVideo-section iframe {height: 375px;}
    .pt-350 {padding-top: 100px;}
    .mp-col {flex: 0 0 100%; max-width: 100%;}
    .mp-col:nth-child(3n) {margin-right: 0px;}
    .mp-col:nth-child(2n) {margin-right: 0px;}
}

@media(min-width: 992px) {
	.container {max-width: 960px;}
}
@media(min-width: 1200px) {
	.container {max-width: 1170px;}
}
@media(min-width: 1441px) {
	.container {max-width:1366px;}
}