@charset "utf-8";

/***************************************************************************************
	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 480px STARTS
***************************************************************************************/
@media screen and (min-width:480px) {

	/*footer css start here*/
	.footer-part {
		float: left;
		width: 50%;
	}

	.footer-part {
		text-align: left;
	}

	.atlantis-footer {
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.footer-part .contact-link a, .footer-part .site-information a {
		font-size: 17px;
		margin-bottom: 4px;
	}

	.footer-part address {
		font-size: 17px;
		line-height: 24px;
	}

	/*footer css end here*/

	/****************************************************************************************/

	/*Stage2 start on 31-3-2020*/

	/****************************************************************************************/
}

@media only screen and (min-width:480px) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {

	/*.hero-header-title ul { width: 60%; }*/
	.hero-header-title ul li {
		font-size: 24px;
		line-height: 38px;
	}

	.common-main {
		margin-bottom: 0;
	}

	.atlantis-footer {
		position: static;
	}
}

/***************************************************************************************
*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 768px STARTS
***************************************************************************************/
@media screen and (min-width:768px) {

	/*header css start here*/
	.burger.burger-squeeze {
		display: none;
	}

	.site-navbar .navbar-contant {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		background-color: transparent;
		display: block;
	}

	.body-our-product .site-navbar .navbar-contant {
		background-color: transparent;
	}

	.site-navbar .navbar-contant li {
		float: left;
		padding: 0px 7px;
	}

	.site-navbar .navbar-contant li.current-menu-item a::after {
		width: 100%;
	}

	.site-navbar .navbar-contant li a {
		font-size: 12px;
		line-height: 18px;
		padding: 0;
		border-top: 0;
	}

	.site-logo {
		max-width: 200px;
	}

	.site-navbar {
		float: right;
		padding: 16px 0;
	}

	.site-navbar .navbar-contant li a:after {
		content: "";
		display: block;
		width: 0;
		height: 2px;
		background: #000;
		-webkit-transition: width .3s ease-in-out;
		-o-transition: width .3s ease-in-out;
		transition: width .3s ease-in-out;
	}

	.site-navbar .navbar-contant li a:hover:after {
		width: 100%;
	}

	.body-mrg {
		padding-top: 86px;
	}

	/*header css end here*/

	/*footer css start here*/
	.site-footer {
		margin: 0px -15px;
	}

	.common-main {
		margin-bottom: 382px;
		z-index: 9;
	}

	.footer-logo {
		width: 148px;
	}

	/*footer css end here*/

	/*home page css start here*/
	.about-section .about-founder p {
		font-size: 32px;
		line-height: 42px;
		padding-right: 25px;
		margin-bottom: 0;
	}

	.about-section .about-left {
		float: left;
		width: 60%;
	}

	.about-section .about-right {
		float: left;
		width: 40%;
	}

	.about-section {
		padding-top: 45px;
		padding-bottom: 50px;
	}

	.portfolio-section {
		padding-top: 45px;
		padding-bottom: 55px;
	}

	.portfolio-parts {
		float: left;
		width: 50%;
		padding: 0px 10px;
	}

	.title-description .title-left {
		width: 60%;
	}

	.title-description .title-right {
		width: 40%;
	}

	.portfolio-section .title-description {
		min-height: 56px;
	}

	.requirement-description .left {
		padding-right: 25px;
	}

	.requirement-description ul li {
		margin-bottom: 10px;
		position: relative;
	}

	.about-section {
		padding-top: 65px;
		padding-bottom: 70px;
	}

	.home-title {
		margin-bottom: 25px;
		margin-top: 0px;
	}

	.site-portfolio {
		margin: 0px -10px;
		width: auto;
		display: flex;
		margin-top: 30px;
	}

	.left {
		float: left;
		width: 50%;
	}

	.right {
		float: right;
		width: 50%;
	}

	.requirement-section .container {
		padding-right: 0;
	}

	.title-description .sub-title {
		font-size: 24px;
	}

	.title-description .sub-title:after {
		bottom: 9px;
	}

	.hero-header-title ul li {
		font-size: 34px;
		line-height: 50px;
	}

	.portfolio-section .title-section {
		margin-bottom: 60px;
	}

	/*.details-page a { font-size: 16px; line-height: 20px; }*/

	/*home page css end here*/

	/*page not found*/
	.comming-pages h1, .error404-content .entry-title {
		font-size: 60px;
		line-height: 72px;
		font-weight: 400;
		letter-spacing: 1.5px;
	}

	.comming-pages, .error404-content {
		height: 100vh;
		background-color: #f2f2f2;
	}

	.about-section-description {
		padding-top: 40px;
		padding-bottom: 70px;
	}

	/****************************************************************************************/

	/*Stage2 start on 31-3-2020*/

	/****************************************************************************************/

	/*about page css start here*/
	.about-details {
		font-size: 46px;
		line-height: 58px;
	}

	.profile-right {
		padding-left: 50px;
		float: right;
		width: 70%;
	}

	.founder-profile-section {
		padding-top: 65px;
		padding-bottom: 70px;
	}

	.about-page-section {
		padding-top: 65px;
		padding-bottom: 60px;
	}

	.founder-profile {
		margin-top: 40px;
	}

	.profile-left {
		float: left;
		width: 30%;
		margin-bottom: 0;
	}

	/*about page css end here*/

	/*portfolio page css start here on 1-4-2020*/
	.portfolio-page-section {
		padding-top: 55px;
		padding-bottom: 10px;
	}

	.portfolio-work-details .title-description {
		min-height: 56px;
	}

	.our-work-section .about-work {
		margin-top: 0px;
		width: 80%;
		float: left;
	}

	.portfolio-filter {
		float: right;
		width: 20%;
		margin-top: 0px;
		padding-left: 30px;
	}

	.portfolio-filter {
		margin-bottom: 0px;
	}

	.portfolio-work-details .portfolio-parts {
		width: 50%;
		padding: 0px 10px;
	}

	.portfolio-work-details.site-portfolio {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/*portfolio page css end here on 1-4-2020*/

	/*portfolio details page css start here on 2-4-2020*/
	.atlantis-header.black-header .site-navbar .navbar-contant li a:after {
		background: #fff;
	}

	/* .portfolio-image, .portfolio-map{
		margin-bottom: 60px;
	} */


	.portfolio-bottom {
		padding-top: 45px;
	}

	.portfolio-details-section {
		padding-top: 72px;
	}

	.portfolio-right-title {
		padding-top: 38px;
		margin-bottom: 12px;
	}

	.portfolio-introduction .portfolio-bottom .portfolio-left p, .portfolio-introduction .portfolio-bottom .portfolio-right p {
		font-size: 14px;
		line-height: 17px;
	}

	.atlantis-header.black-header .site-navbar .navbar-contant li a {
		color: #fff;
	}

	.not-found .page-title {
		font-size: 24px;
	}

	/*portfolio details page css end here on 2-4-2020*/

	/*contact page css start here on 2-4-2020*/
	.contact-page-address {
		width: 50%;
	}

	.contact-page-map {
		width: 50%;
		text-align: right;
		margin-top: 0;
	}

	.contact-page-information .contact-page-part:nth-child(1) {
		width: 50%;
	}

	.contact-page-information .contact-page-part:nth-child(2) {
		width: 50%;
	}

	.contact-page-information .contact-page-part:nth-child(3) {
		width: 100%;
	}

	.contact-page-information .contact-page-part {
		float: left;
		padding: 0px 10px;
	}

	.contact-page-information {
		margin: 0px -10px;
		margin-top: 60px;
	}

	.contact-page-information .contact-page-part .address-details {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.contact-page-section {
		padding: 70px 0;
	}

	.contact-form-section .contact-left {
		float: left;
		width: 50%;
		padding-right: 20px;
		margin-bottom: 0;
	}

	.contact-form-section .contact-right {
		float: right;
		width: 50%;
		padding-left: 20px;
	}

	.attention-description .right {
		float: left;
	}

	.attention-description .left {
		float: right;
		padding-left: 50px;
		padding-right: 0;
	}

	/*contact page css end here on 2-4-2020*/

	/*our-product page start on 30-4-2020*/
	.our-product-details .product-details {
		margin: 0px -10px;
	}

	.our-product-details .product-details .product-gride {
		float: left;
		width: 50%;
		padding: 0px 10px;
	}

	.product-banner-section .product-banner {
		min-height: 520px;
	}

	.product-sub-title {
		margin-top: 50px;
		font-size: 17px;
	}

	.product-details-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.product-description {
		margin-bottom: 55px;
	}

	.title-bg-class .banner-title-bg.about-details {
		margin-top: 20px;
	}

	.about-section-description .home-title {
		margin-bottom: 30px;
	}

	.about-section-description .about-details-data {
		font-size: 30px;
		line-height: 40px;
	}

	.home-details .title-data {
		max-width: 100%;
		margin: 0 auto;
		padding-top: 25px;
	}

	.home-description-left .home-details {
		padding: 60px 25px;
	}

	.portfolio-page .home-title {
		margin-top: 60px;
	}

	.portfolio-section .home-title {
		margin-bottom: 60px;
	}

	/*our-product page end here*/
	.error404 .atlantis-footer {
		position: fixed;
	}

	.error404 .site-main {
		min-height: calc(100vh - 448px);
	}

	.cms-description ul li, .cms-description ol li {
		margin-bottom: 10px;
		position: relative;
	}

	.cms-page-section {
		padding: 40px 0;
	}

	.requirement-page-section {
		padding: 40px 0;
	}
}

/***************************************************************************************
*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 992 STARTS
***************************************************************************************/
@media screen and (min-width:992px) {

	/*header css end here*/
	.site-navbar .navbar-contant li {
		padding: 0px 17px;
	}

	.site-navbar .navbar-contant li a {
		font-size: 16px;
		line-height: 20px;
	}

	.site-logo {
		max-width: 252px;
	}

	.site-navbar {
		padding: 24px 0;
	}

	.body-mrg {
		padding-top: 101px;
	}

	.page-top {
		padding-top: 101px;
	}

	.title-bg-class .banner-title-bg.about-details {
		margin-top: 30px;
	}

	.about-section-description {
		padding-top: 66px;
		padding-bottom: 77px;
	}

	.about-section-description .home-title {
		margin-bottom: 55px;
	}

	.about-section-description .about-details-data {
		font-size: 35px;
		line-height: 42px;
	}

	.home-details .title-data {
		max-width: 75%;
	}

	.home-description-left .home-details {
		padding: 0;
	}

	.home-description-section {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.home-description-section.home-requirement {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.home-description-left, .home-description-right {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}

	/*header css end here*/

	/*footer css start here*/
	.footer-part {
		width: 25%;
		margin-bottom: 0;
	}

	.footer-title {
		margin-bottom: 55px;
	}

	.footer-part .site-btn {
		margin-top: 40px;
	}

	.atlantis-footer {
		padding-bottom: 50px;
	}

	.common-main {
		margin-bottom: 292px;
		z-index: 9;
	}

	/*footer css end here*/

	/*home page css start here*/

	/*animtion text*/
	.hero-header-title ul li {
		font-size: 45px;
		line-height: 65px;
	}

	.hero-banner-wapper, .hero-banner-wapper .video-section {
		height: 100vh;
	}

	.hero-header-title {
		height: 100vh;
	}

	/*about section*/
	.about-section .about-founder p {
		font-size: 46px;
		line-height: 60px;
		padding-right: 0;
	}

	.about-section .about-left {
		float: left;
		width: 68%;
		padding-right: 30px;
	}

	.about-section .about-right {
		float: left;
		width: 32%;
		margin-top: 10px;
		padding-left: 25px;
	}

	.about-section {
		padding-top: 65px;
		padding-bottom: 70px;
	}

	.portfolio-section {
		padding-top: 65px;
		padding-bottom: 75px;
	}

	.portfolio-parts {
		width: 33.33%;
	}

	.title-description .title-left {
		width: 50%;
	}

	.title-description .title-right {
		margin-top: 8px;
		width: 50%;
	}

	.portfolio-section .title-description {
		min-height: 84px;
	}

	.portfolio-parts {
		margin-bottom: 0px;
	}

	.portfolio-description {
		padding-top: 63px;
	}

	.not-found .page-title {
		font-size: 22px;
	}

	.requirement-description .left {
		padding-right: 50px;
		font-size: 17px;
		line-height: 20px;
		padding-top: 65px;
	}

	.requirement-description .left p {
		margin-bottom: 15px;
	}

	.title-description .sub-title {
		font-size: 22px;
	}

	.title-description .sub-title:after {
		bottom: 7px;
	}

	.requirement-section {
		padding-bottom: 0;
	}

	p.details-page {
		display: flex;
		align-items: center;
		justify-content: end;
	}

	/*home page css end here*/

	/****************************************************************************************/

	/*Stage2 start on 31-3-2020*/

	/****************************************************************************************/

	/*about page css start here*/
	.profile-right {
		padding-left: 90px;
	}

	.founder-profile-section {
		padding-bottom: 115px;
	}

	/*about page css end here*/

	/*portfolio page css start here on 1-4-2020*/
	.portfolio-work-details .portfolio-parts {
		margin-bottom: 80px;
	}

	.portfolio-work-details .title-description {
		min-height: 84px;
	}

	/*.portfolio-row { width: 33.33%; float: left; padding: 0px 10px; }
	.portfolio-row:first-child { padding-top: 380px; }*/

	/*.portfolio-row .portfolio-parts { width: 100%; float: left; padding: 0; }*/
	.portfolio-filter {
		padding-left: 60px;
	}

	.our-work-section {
		padding-bottom: 30px;
	}

	/*.portfolio-work-details .portfolio-parts:first-child { margin-top: 380px; }
	.portfolio-work-details .portfolio-parts:not(:first-child):nth-child(3n-1), .portfolio-work-details .portfolio-parts:not(:first-child):nth-child(3n) { position: relative; top: -380px; }
	.portfolio-work-details .portfolio-parts:not(:first-child):nth-child(2), .portfolio-work-details .portfolio-parts:not(:first-child):nth-child(3) { position: static; }*/
	.portfolio-work-details .portfolio-parts {
		width: 50%;
	}

	/*portfolio page css end here on 1-4-2020*/

	/*portfolio details page css start here on 2-4-2020*/
	.portfolio-introduction .left {
		float: left;
		width: 50%;
	}

	.portfolio-introduction .right {
		float: right;
		width: 50%;
	}

	.portfolio-introduction .right {
		padding-left: 30px;
	}

	.slick-arrow {
		height: 30px;
		width: 30px;
	}

	.slick-prev {
		left: 50px;
	}

	.slick-next {
		right: 60px;
	}

	/*portfolio details page css end here on 2-4-2020*/

	/*contact page css start here on 2-4-2020*/
	.contact-page-information .contact-page-part:nth-child(1) {
		width: 25%;
	}

	.contact-page-information .contact-page-part:nth-child(2) {
		width: 25%;
	}

	.contact-page-information .contact-page-part:nth-child(3) {
		width: 50%;
	}

	.contact-form-section .contact-left {
		padding-right: 60px;
	}

	.contact-form-section .contact-right {
		padding-left: 60px;
	}

	/*contact page css end here on 2-4-2020*/

	/*our-product page start on 30-4-2020*/
	.product-banner-section .product-banner {
		min-height: 620px;
	}

	/*our-product page end here*/
	.error404 .site-main {
		min-height: calc(100vh - 393px);
	}

	.cms-description {
		font-size: 17px;
		line-height: 20px;
	}

	.cms-page-section {
		padding: 65px 0;
	}

	.requirement-page-section {
		padding: 65px 0;
	}

	/* .portfolio-details-section .portfolio-work-details .portfolio-parts {
		margin-bottom: 30px;
	} */
}

/***************************************************************************************
*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1024 STARTS
***************************************************************************************/
@media screen and (min-width:1025px) {

	/*home page css start here*/

	/*about section*/
	.about-section .about-founder p {
		font-size: 59px;
		line-height: 69px;
	}

	.title-description .sub-title {
		font-size: 34px;
		line-height: 38px;
	}

	.title-description .sub-title:after {
		bottom: 14px;
	}

	.title-description .title-left {
		width: 75%;
	}

	.title-description .title-right {
		margin-top: 8px;
		width: 25%;
	}

	.requirement-description ul li {
		margin-bottom: 15px;
	}

	.requirement-image {
		margin-right: calc(-100vw / 2 + 1225px / 2);
	}

	.requirement-section .container {
		padding-right: 15px;
	}

	.hero-header-title ul li {
		font-size: 48px;
		line-height: 60px;
	}

	.title-bg-class .banner-title-bg.about-details {
		margin-top: 50px;
	}

	/*home page css end here*/

	/****************************************************************************************/

	/*Stage2 start on 31-3-2020*/

	/****************************************************************************************/

	/*about page css start here*/
	.about-details {
		font-size: 59px;
		line-height: 72px;
	}

	/*about page css end here*/

	/*portfolio page css start here on 1-4-2020*/
	.portfolio-work-details .portfolio-parts {
		margin-bottom: 133px;
	}

	.portfolio-filter {
		padding-left: 80px;
	}

	.our-work-section {
		padding-bottom: 60px;
	}

	.not-found .page-title {
		font-size: 34px;
		line-height: 38px;
	}

	/*portfolio page css end here on 1-4-2020*/

	/*portfolio details page css start here on 2-4-2020*/

	/*portfolio details page css end here on 2-4-2020*/

	/*contact page css start here on 2-4-2020*/
	.contact-page-information .contact-page-part address,
	.contact-page-information .contact-page-part a {
		font-size: 14px;
		line-height: 19px;
	}

	.contact-page-address {
		width: 60%;
	}

	.contact-page-map {
		width: 40%;
		text-align: right;
	}

	.attention-description .requirement-image {
		margin-left: calc(-100vw / 2 + 1225px / 2);
		margin-right: 0;
	}

	/*contact page css end here on 2-4-2020*/

	/*our-product page start on 30-4-2020*/
	.product-banner-section .product-banner {
		min-height: 860px;
	}

	.our-product-details .product-details .product-gride {
		width: 33.33%;
	}

	.cms-description ul li, .cms-description ol li {
		margin-bottom: 15px;
	}

	.cms-description h1, .cms-description h2, .cms-description h3, .cms-description h4, .cms-description h5, .cms-description h6 {
		font-size: 24px;
	}

	/*our-product page end here*/

}

/***************************************************************************************
*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1200 STARTS
***************************************************************************************/
@media screen and (min-width:1200px) {
	.hero-header-title ul li {
		font-size: 54px;
		line-height: 67px;
	}
}

/***************************************************************************************
*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1400 STARTS
***************************************************************************************/
@media screen and (min-width:1600px) {
	.home-details .title-data {
		max-width: 65%;
	}
}

@media screen and (min-width:1800px) {
	.home-details .title-data {
		max-width: 55%;
	}
}

@media screen and (max-width:380px) {
	.hero-header-title ul li {
		font-size: 15px;
		line-height: 26px;
	}
}

/****************************************************************************************/

/*Stage2 start on 31-3-2020*/

/****************************************************************************************/
@media screen and (max-width:320px) {
	.footer-part {
		margin-bottom: 15px;
	}

	.footer-part .site-btn a {
		height: 30px;
		line-height: 30px;
	}

	.footer-logo {
		width: 110px;
	}

	.atlantis-footer {
		padding-top: 10px;
	}

	.hero-header-title ul li {
		font-size: 13px;
		line-height: 24px;
	}
}

@media screen and (max-width:321px) {
	.about-details {
		font-size: 26px;
		line-height: 38px;
	}
}