@media (max-width: 1024px) {}

@media (min-width: 992px) {}

@media (max-width: 767px) {
	.figure.leftopt {
    position: relative;
    right: 0;
    bottom: 0;
		right:0;
	margin:auto;
}
	.figure.leftopt img {
    width: auto;
}
	.gp33class .solutionbanner {
    padding: 100px 0;
}
	.figure.leftopt.rightopt {
    position: relative;
    left: 0;
    bottom: 0;
	right:0;
	margin:auto;
}
	.figure.leftopt.rightopt img {
    width: auto;
}
	.solutionbanner h2 {
    font-size: 30px;
}
	.protectiontext h2 {
    font-size: 25px;
	}
	.susin {
    width: 100%;
    margin: auto;
}
	.solutionbanner p {
    font-size: 15px;
    line-height: 20px;
}
	.solutionbanner {
    padding: 40px 15px;
}
    div#fullpage {
        transform: translate(0) !important;
    }
    .header-item-right ul {
        width: 100%;
        justify-content: left;
    }
    .header-item-right a {
        color: #fff;
        font-size: 12px;
    }
    section.threesection {
        margin-top: 0;
    }
    .fp-table{display: block !important;     justify-content: flex-start !important;}
    .fp-section{height: auto !important;}
    section.aboutperson h2 {
        font-size: 28px;
        text-align: center;
        margin-bottom: 33px;
    }
    .about-text h5 {
        font-size: 18px;
    }
    .abinnew {
        width: 100%;
        margin: auto;
    }
    section#section1, section#section2,  section#section1,  section#section3,  section#section5,  section#section6,  section#section7,  section#section8,  section#section9 {
        height: auto !important;
        display: block !important;
    }
    header {
        position: relative;
    background: #000;
    z-index: 9;
    height: auto;
    }

    .bannermaintext h1 {
        font-size: 20px;
    }

    .bannermaintext p {
        color: #fff;
        width: 100%;
        font-size: 11px;
        margin: 5px 0;
        line-height: 13px;
    }
    ul.banner-ul li {
        padding: 0px 15px;
        position: relative;
    }
    ul.banner-ul{padding-top: 10px;    }
    ul.banner-ul li h3{font-size: 13px;}
    ul.banner-ul li h3 span {
        display: block;
        margin-top: 5px;
        font-size: 14px;
        font-family: 'Fira Sans', sans-serif; font-weight: 900;
    }
    .bannermain a.button{
        background: transparent;
        color: #fff;
        padding: 5px 22px;
        border-radius: 1px;
        display: inline-block;
        font-size: 13px;
        transition: 0.3s all ease-in;
        border: 2px solid #fff;
    }
    .boatimage {
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: 30px;
    }

    .blueback .text {
        padding-left: 15px;
    }

    section.sectionreverse.blueback .row {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .footerinner .col {
        width: 100%;
        flex: auto;
    }

    .boatimage:before {
        position: absolute;
        content: "";
        border: 9px solid green;
        height: 245px;
        width: 100%;
    }

    .about {
        padding: 50px 0;
    }

    .bannermaintext {
        position: absolute;
        left: 0;
        right: 0;
        top: 3%;
    }

    .bannermaintext {
        position: absolute;
        left: 0;
        right: 0;
        top: 10%;
    }

    .boatimage img {
        width: auto;
        z-index: 9;
        position: relative;
    }

    .boatimage img {
        width: auto;
        z-index: 9;
        position: relative;
    }

    .boatinnersection figure img {
        width: 200px;
        transition: 0.3s all ease-in;
    }

    .boatinnersection .d-flex {
        justify-content: space-between;
        padding: 10px;
        align-items: center;
    }
    .container {
        max-width: 100rem;
        width: 100%;
        height: auto;
        padding: 0 15px;
        margin: 0 auto;
    }
    ul.details li h4, ul.details li h4 span {
        font-size: 13px;
    }
    .boatinnersection {
        position: relative;
        padding: 30px 0;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .spgback h2 {
        color: #fff;
        font-size: 30px;
    }
    .joinpp h2 {
        color: #000;
        font-size: 30px;
    }
    .padleft100 {
        padding-left: 0px !important;
    }
    .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage])
    {min-height: auto;}
    .boatinnersection {
        position: relative;
        padding: 30px 0;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .sectionreverse .text {
        padding-right: 10px;
        margin-top: 20px;
    }
    footer .footer {
        padding: 30px 0;
        background: #111525;
    }
    .spgback{    padding: 50px 0;}
    section.boatsection h2 {
        font-size: 30px;
    }
    section.boatsection h3 {
        font-size: 28px;
    }
    div#countdown ul{ flex-wrap: wrap;}
    div#countdown ul li{margin-bottom: 10px;}
    .fp-overflow{max-height: max-content !important;}
    .d-flex a.button {
        background: transparent;
        color: #fff;
        padding: 10px 15px;
        border-radius: 1px;
        display: inline-block;
        font-size: 15px;
        transition: 0.3s all ease-in;
        border: 2px solid #fff;
    }
    .overlay-content{top: 2%;}
	
	
	section.bannerslider.section{
		min-height:fit-content;
	}
	section.bannerslider.section .homepage.bannermain
	{
		min-height:250px;
	}
	section.bannerslider.section .homepage.bannermain.g33{
		min-height:fit-content;
	}
	header.header .header-item-left{
		    flex: 1;
	}
	header.header .header-item-right{
			    flex: 2;
	}
	section.section.protectsection.g33pg.pt-5.mt-5.pb-5{
		margin-top:0 !important;
	}
	section#section3.section.testimonial.hmpg{
		display:none !important;
	}
	.aboutgallery ul li:nth-child(2) figure, .aboutgallery ul li:nth-child(3) figure{    height: 120px;}
	
	.figure.joinppanim h4.videoupdated {
		bottom:5px;
	}
}

@media (max-width: 480px) {
	header.header .header-item-right{
			    flex: 3;
	}
.header-item-right a {
    margin-left: 15px;
}	
}

@media (max-width:360px){
.secondtr span {
    margin-top: -18px !important;
}
}
@media (max-width: 420px) {.bannermaintext h1 {
    font-size: 17px;
}}
@media (min-width: 1200px) {}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {}

/* ============ small devices .end// ============ */