/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

.main-menu ul li a {
	font-size: 20px;
}
.container {
	padding-left: 50px;
	padding-right: 50px;
}
.logo-area img {
	max-width: 280px;
}
.nav-right > a {
	font-size: 23px;
}
}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
.gap-x-40 {
    row-gap: 50px;
}
.logo-area img {
    max-width: 200px;
}
.main-menu ul li a {
	font-size: 18px;
}
.main-menu {
    margin-inline: -60px;
}
.nav-right > a {
	font-size: 20px;
}
.header-heading h1 {
	font-size: 123px;
}
.container {
    padding-left: 40px;
    padding-right: 40px;
}

.footer-bottom .fb-right p {
	font-size: 26.42px;
	text-wrap: nowrap;
}
.footer-bottom .fb-right .contents {
	margin-right: -274px;
}
.footer-shape-02 img {
	max-width: 200px;
}
.footer-top {
	max-width: 669px;
	position: relative;
	z-index: 99;
}
.footer-top h2 {
	font-size: 128.82px;
}
.footer-top p {
	font-size: 30.1px;
}
.footer-top h3 {
	font-size: 45.51px;
}
.footer-top img {
	max-width: 360px;
}
.hero-heading img {
	max-width: 680px;
}

}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.gap-x-40 {
    row-gap: 45px;
}
.logo-area img {
    max-width: 260px;
}
.nav-right > a {
	font-size: 21px;
    padding-bottom: 17px;
}
.header-heading h1 {
	font-size: 60px;
}
.container {
    padding-left: 40px;
    padding-right: 40px;
}
.header-area {
	padding-top: 22px;
}
.nav-right{
    padding-top: 56px;
}
.nav-right ul {
    gap: 7px;
}
.nav-right ul li a {
    transform: scale(0.8);
}  
.nav-right ul li a:hover {
    transform: scale(0.9);
} 
.header-heading {
	padding-top: 90px;
}
.header-shape-01 img ,
.header-shape-02 img {
    max-width: 160px;
}
.head-section-arrow {
    transform: scale(0.6);
}
.head-section-arrow {
	padding-top: 151px;
	padding-bottom: 211px;
}
.header-conts-inner h4 {
	font-size: 19px;
    padding-bottom: 10px;
}
.header-conts-inner p, .header-conts-inner ul li {
	font-size: 14px;
}
.header-conts-inner .para-02 p {
	font-size: 11.5px;
	padding-bottom: 45px;
	border-bottom: 2px solid #fff;
}
.header-conts-inner h5 {
	padding-bottom: 20px;
	padding-top: 44px;
	font-size: 15px;
    font-weight: 700;
}
.header-shape-01 {
	top: 639px;
}
.header-shape-02 {
	top: 460px;
}


.cnt-primary-heading h2 {
	font-size: 44px;
	padding-top: 50px;
	padding-bottom: 0px;
	margin-bottom: -80px;
}
.cnt-content-02 {
	max-width: 180px;
}
.cnt-content-02 p {
	padding-bottom: 6px;
	font-size: 12px;
}
.cnt-content-02 ul {
	padding-bottom: 14px;
}
.cnt-content-02 ul li {
	font-size: 12px;
	padding-left: 12px;
}
.cnt-content-02 ul li::after {
	width: 4px;
	height: 4px;
	top: 7px;
}
.cnt-primary-heading h3 {
	font-size: 43px;
	padding-top: 40px;
}
.content-list-fea ul li .single-letter {
	width: 75px;
	height: 75px;
	flex: 0 0 75px;
}
.content-list-fea ul li {
	gap: 19px;
}
.content-list-fea ul li p {
	font-size: 13px;
}
.content-list-fea ul {
	gap: 25px;
	padding-top: 38px;
}
.cnt-content-03 {
	padding-top: 35px;
	max-width: 100%;
}
.cnt-content-03 h3 {
	padding-bottom: 27px;
}
.product-grid {
	gap: 11px;
	padding-top: 50px;
	padding-bottom: 60px;
}


.footer-bottom .fb-right p {
	font-size: 13.42px;
	text-wrap: nowrap;
	line-height: 170%;
}
.footer-bottom .fb-right .contents {
	margin-right: -112px;
}
.footer-shape-02 img {
	max-width: 103px;
}
.footer-top {
	max-width: 669px;
	position: relative;
	z-index: 99;
}
.footer-top h2 {
	font-size: 70.82px;
	padding-top: 15px;
}
.footer-top p {
	font-size: 14.1px;
	line-height: 145%;
}
.footer-top h3 {
	font-size: 24.51px;
}
.footer-top img {
	max-width: 175px;
}
.footer-area {
	padding-top: 43px;
	padding-bottom: 43px;
}
.footer-shape-02 {
	top: 20%;
}
.footer-bottom {
	padding-top: 100px;
	padding-inline: 40px;
}
.footer-bottom img {
	position: absolute;
	left: 0;
	bottom: 10%;
	max-width: 290px;
}
.footer-bottom .fb-right .contents {
	margin-bottom: 141px;
}
.hero-heading img {
	max-width: 480px;
}
.gellary-grid-wrap {
	grid-template-columns: repeat(3, 1fr);
}


}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {
.gap-x-40 {
    row-gap: 38px;
}

.logo-area img {
    max-width: 260px;
}
.nav-right > a {
	font-size: 21px;
    padding-bottom: 17px;
}
.header-heading img {
	font-size: 60px;
	padding-left: 6px;
	max-width: 316px;
}
.container {
    padding-left: 18px;
    padding-right: 18px;
}
.header-area {
	padding-top: 22px;
}
.nav-right{
    padding-top: 56px;
}
.nav-right ul {
    gap: 4px;
}
.nav-right ul li a {
    transform: scale(0.8);
}  
.nav-right ul li a:hover {
    transform: scale(0.9);
} 
.header-heading {
	padding-top: 90px;
}
.header-shape-01 img ,
.header-shape-02 img {
    max-width: 160px;
}
.head-section-arrow {
    transform: scale(0.5);
}
.head-section-arrow {
	padding-top: 151px;
	padding-bottom: 209px;
}
.header-conts-inner h4 {
	font-size: 19px;
    padding-bottom: 10px;
}
.header-conts-inner p, .header-conts-inner ul li {
	font-size: 14px;
}
.header-conts-inner .para-02 p {
	font-size: 11.5px;
	padding-bottom: 45px;
	border-bottom: 2px solid #fff;
}
.header-conts-inner h5 {
	padding-bottom: 20px;
	padding-top: 44px;
	font-size: 15px;
    font-weight: 700;
}
.header-shape-01 {
	top: 622px;
}
.header-shape-02 {
	top: 482px;
}
.nav-right {
    padding-right: 35px;
}
.header-conts-inner ul li::after {
	width: 4px;
	height: 4px;
	top: 9px;
}
.header-conts-inner ul li {
    padding-left: 14px;
}
.header-conts-inner .para-01 {
	padding-bottom: 16px;
}
.header-conents {
	padding-bottom: 71px;
	padding-top: 0px;
}
.header-conts-inner {
    padding-inline: 15px;
}
.header-conts-inner br {
    display: none;
}
.header-conts-inner h4 {
	line-height: 135%;
}

.cnt-primary-heading h2 {
	font-size: 44px;
	padding-top: 50px;
	padding-bottom: 0px;
	margin-bottom: -80px;
}
.cnt-content-02 {
	max-width: 180px;
	padding-right: 25px;
}
.cnt-content-02 p {
	padding-bottom: 6px;
	font-size: 12px;
}
.cnt-content-02 ul {
	padding-bottom: 14px;
}
.cnt-content-02 ul li {
	font-size: 12px;
	padding-left: 10px;
}
.cnt-content-02 ul li::after {
	width: 4px;
	height: 4px;
	top: 7px;
}
.cnt-primary-heading h3 {
	font-size: 43px;
	padding-top: 40px;
}

.content-list-fea ul li .single-letter {
	width: 75px;
	height: 75px;
	flex: 0 0 75px;
}
.content-list-fea ul li {
	gap: 19px;
}
.content-list-fea ul li p {
	font-size: 13px;
}
.content-list-fea ul {
	gap: 25px;
	padding-top: 38px;
}
.cnt-content-03 {
	padding-top: 25px;
	padding-right: 0;
	max-width: 100%;
}
.cnt-content-03 h3 {
	padding-bottom: 27px;
}
.product-grid {
	gap: 11px;
	padding-top: 35px;
	padding-bottom: 60px;
	padding-right: 40px;
}
.cnt-content-03 p {
	padding-bottom: 14px;
	max-width: 243px;
}


.footer-bottom .fb-right p {
	font-size: 13.42px;
	text-wrap: nowrap;
	line-height: 170%;
}
.footer-bottom .fb-right .contents {
	margin-right: -112px;
}
.footer-shape-02 img {
	max-width: 103px;
}
.footer-top {
	max-width: 669px;
	position: relative;
	z-index: 99;
}
.footer-top h2 {
	font-size: 70.82px;
	padding-top: 15px;
}
.footer-top p {
	font-size: 14.1px;
	line-height: 145%;
}
.footer-top h3 {
	font-size: 24.51px;
}
.footer-top img {
	max-width: 175px;
	margin-right: -10px;
}
.footer-area {
	padding-top: 43px;
	padding-bottom: 28px;
}
.footer-shape-02 {
	top: 23%;
}
.footer-bottom {
	padding-top: 100px;
	padding-inline: 15px;
}
.footer-bottom img {
	position: absolute;
	left: 0;
	bottom: 15%;
	max-width: 240px;
}
.footer-bottom .fb-right .contents {
	margin-bottom: 141px;
}
.footer-top {
	padding-left: 30px;
}
.footer-social ul {
	gap: 2px;
	padding-inline: 32px;
}
.footer-social ul li a {
	transform: scale(0.8);
}
.footer-bottom .fb-right{
	padding-top: 120px;
}
.gellary-grid-wrap {
	grid-template-columns: repeat(3, 1fr);
}


}



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


}