/*media-quries*/
@media (max-width: 1200px) {
	.banner-img img {
		width: 50vw;
	}
	.service-img img {
		border-radius: 0 0 40px;
	}
	.service-bg {
		padding: 30px 20px;
	}




}

@media (max-width: 1100px) {
	.package-box-btns>div {
		padding: 0 5px;
	}
	.package-btn a {
		width: 130px;
	}
	
}

@media (max-width:1080px){
	.top-para p {
		font-size: 16px;
	}
	.contact-info li a {
		font-size: 16px;
	}
	.btn-a {
		padding: 15px 10px;
		min-width: 170px;
		font-size: 16px;
	}
	.btn-b {
		padding: 15px 10px;
		min-width: 170px;
		font-size: 16px;
	}
	.btn-c {
		padding: 15px 10px;
		min-width: 170px;
		font-size: 16px;
	}
	.btn-d {
		padding: 15px 10px;
		min-width: 170px;
		font-size: 16px;
	}
	.primary-hd {
		font-size: 42px;
	}
	.primary-para {
		font-size: 19px;
	}
	.banner-content h1 {
		font-size: 40px;
	}
	.secondary-hd {
		font-size: 35px;
	}
	.featured-tabbing-list li a {
		width: 160px;
	}
}

@media (max-width: 1023px) {
	.menu-Bar{display:block;top:0px;}
	.menuWrap.open{display:flex;left:0px;}
	.menuWrap{position:fixed;left:-210%;right:0;top:0;bottom:0;margin:auto;background:var(--dark-yellow);height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all 0.4s ease;z-index:3;width:100vw;}
	.menuWrap .menu li{display:block;}
	.menuWrap .menu li a{margin-bottom:10px;padding:0;display:block;text-align:center;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;font-size:15px;text-transform:capitalize;}
	.container{position:relative;}
	header .header-top{display:none;}
	header .main-header ul.menu>li{display:block;padding:0px;}
	header .main-header ul.menu>li a{color:var(--black);padding:0px;text-align:left;font-weight: 600;}
	header .main-header ul.menu>li a:before{display:none;}
	.header-btns {
		justify-content: flex-start;
	}
	.btn-a {
		padding: 10px 10px;
		min-width: 160px;
		font-size: 15px;
	}
	.btn-b {
		padding: 10px 10px;
		min-width: 160px;
		font-size: 15px;
	}
	.btn-c {
		padding: 10px 10px;
		min-width: 160px;
		font-size: 15px;
	}
	.btn-d {
		padding: 10px 10px;
		min-width: 160px;
		font-size: 15px;
	}
	.main-header {
		padding: 20px 0;
	}
	.menu {
		display: block;
	}
	.menu li.active a {
		color: var(--red) !important;
		font-weight: 900;
	}
	.banner-content h1 {
		max-width: 80%;
		text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.500);
	}
	.banner-content h5 {
		text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.500);
	}
	.banner-content>p {
		text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.500);
		max-width: 70%;
	}
	.banner-list li p {
		text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.500);
	}
	.mainBanner {
		padding: 80px 0;
	}
	.banner-overlay {
		display: block;
	}
	.p-100 {
		padding: 50px 0;
	}
	.primary-hd {
		font-size: 30px;
	}
	.primary-para {
		font-size: 18px;
	}
	.mb-30 {
		margin-bottom: 20px !important;
	}
	.mb-40 {
		margin-bottom: 30px;
	}
	.tabbing-content {
		text-align: center;
		margin-top: 30px;
	}
	.tabbing-btns {
		justify-content: center;
	}
	.tabbong-list li {
		width: 25%;
	}
	.tabbing-box {
		padding: 30px 20px;
	}
	.why-choose-us-list {
		margin-left: 0;
		margin-right: 0;
		
	}
	.why-choose-us-list li:nth-child(3), .why-choose-us-list li:nth-child(6) {
		border-right: 2px dashed var(--dark-yellow);
	}
	.why-choose-us-list li {
		width: 50%;
	}
	.why-choose-us-list li:nth-child(even) {
		border-right: none;
	}
	.why-choose-us-list li:nth-child(9) {
		border: 2px dashed var(--dark-yellow);
		border-bottom: none;
	}
	.service-content {
		margin-bottom: 30px;
		text-align: center;
	}
	.service-img {
		margin-top: 0;
		overflow: hidden;
		text-align: center;
	}
	.services-btns {
		justify-content: center;
	}
	.service-bg {
		padding-top: 30px;
	}
	.mb-60 {
		margin-bottom: 40px !important;
	}
	.card-header {
		padding: 0;
	}
	.card-header button {
		padding: 15px 80px 15px 20px;
		font-size: 18px;
		color: var(--light-grey);
	}
	.widget {
		margin: 15px 0;
	}
	.prev-btn {
		display: none;
	}
	.next-btn {
		display: none;
	}
	.tab-order-down {
		order: 1;
	}
	.featured-work-list li {
		width: 50%;
	}
	.packege-tabbing-list {
		flex-wrap: wrap;
	}
	.packege-tabbing-list>li a {
		padding: 15px 20px;
	}
	.packages>li {
		width: 50%;
	}
	.service-img img {
		border-radius: 0 0 35px 35px;
		width: 80%;
	}
	.testimonial-img {
		text-align: center;
	}
	.testimonial-content {
		text-align: center;
	}
	.fot-img-list>div {
		padding: 0px 30px;
	}
	.fot-img-list {
		margin: 0 -30px;
		margin-top: 20px;
	}
/* INNER PAGES */
	.contact-content {
		text-align: center;
		margin-bottom: 30px;
	}
	.contact-content h2 {
		font-size: 35px;
	}
	.contact-content h3 {
		font-size: 25px;
	}
	.form-btn input {
		font-size: 16px;
	}
	.marketing-why-choose-us-list li:nth-child(4) {
		border-bottom: 2px dashed var(--dark-yellow);
	}
	.platform-list {
		flex-wrap: wrap;
	}
	.platform-list > div {
		width: 33.33%;
		padding: 15px 15px;
	}
	.store-setup-banner-list {
		text-align: left;
	}
	.inner-menu {
		position: unset;
		border-top: none;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: auto;
	}
	.menu li:hover .inner-menu {
		height: auto;
		padding: 5px 10px;
		border-top: 4px solid var(--dark-yellow);
		margin-bottom: 15px;		
	}
	.inner-menu-dropdown {
		position: unset;
		border-top: none;
		border-bottom: none;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: auto;
	}
	.inner-menu li:hover .inner-menu-dropdown {
		height: auto;
		padding: 5px 10px;
		border-top: 4px solid var(--dark-yellow);
		margin-bottom: 15px;		
	}
	.banner-contact-form {
	margin-bottom: 20px;
	}
	/* .client-slider .slick-track {
		width: unset !important;
	} */
	.pad-right {
		padding-right: 15px !important;
	}
	.pad-left {
		padding-left: 15px !important;
	}
	.contact-map iframe {
		border-radius: 20px 20px 0 0px;
	}
	.contact-information {
		border-radius: 0 0px 20px 20px;
		padding: 20px 0;
	}
	.contact-information li {
		padding: 10px 30px;
	}
	.show-mobile2 {
		display: block;
		text-align: right;
	}
	.contact-list {
		display: none;
	}
	.service-page-tabbing {
		flex-direction: column-reverse;
		text-align: center;
	}
	.contact-info-box {
		padding: 30px 20px;
	}
	.contact-info-box i {
		margin-bottom: 15px;
	}
	.contact-info-box h4 {
		font-size: 25px;
		margin-bottom: 15px;
	}
	.contact-info-box p {
		font-size: 16px;
		margin-bottom: 15px;
	}
	


}

@media (min-width: 440px) and (max-width: 740px){

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


	.header-btns>div:nth-child(2) {
		display: none;
	}
	.menu li.last {
		display: block;
	}
	.header-btns>div {
		padding: 0;
	}
	.menu li.last a.btn-b {
		padding: 5px 10px !important;
		min-width: auto !important;
		font-size: 14px !important;
		border: 2px solid var(--red) !important;
		color: var(--red) !important;
		background-color: transparent !important;  
	}
	.banner-content h2 {
		font-size: 25px;
		margin-bottom: 30px;
	}
	.mainBanner {
		background-position: left;
		padding: 50px 0;
	}
	.banner-content>p {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.banner-list li p {
		font-size: 12px;
		/* padding-left: 20px; */
	}
	.banner-content h1 {
		max-width: 100%;
		font-size: 30px;
		margin-bottom: 20px;
	}
	.btn-a {
		padding: 7px 0px;
		min-width: 120px;
		font-size: 14px;
	}
	.btn-b {
		padding: 7px 0px;
		min-width: 120px;
		font-size: 14px;
	}
	.btn-c {
		padding: 7px 0px;
		min-width: 140px;
		font-size: 14px;
	}
	.btn-d {
		padding: 7px 0px;
		min-width: 140px;
		font-size: 14px;
	}
	.main-header {
		padding: 15px 0;
	}
	.p-100 {
		padding: 40px 0;
	}
	.primary-hd {
		font-size: 25px;
	}
	.mb-40 {
		margin-bottom: 20px !important;
	}
	.secondary-hd {
		font-size: 22px;
	}
	.secondary-para {
		font-size: 14px;
	}
	.tabbong-list li {
		width: 25%;
		padding: 0 5px;
	}
	.why-choose-us-list li {
		width: 100% !important;
		border: 2px dashed var(--dark-yellow) !important;
		border-top: none !important;
	}
	.why-choose-us-list li.first {
		border-top: 2px dashed var(--dark-yellow) !important;
	}
	.service-content {
		padding-left: 0;
		padding: 0 10px;
	}
	.fot-links li a {
		font-size: 14px;
	}
	.copyright-content p {
		font-size: 13px;
	}
	.info-list>div {
		padding: 10px 10px;
		width: 50%;
	}
	.info-list {
		flex-wrap: wrap;
		justify-content: center;
	}
	.tabbing-box p {
		font-size: 11px;
	}
	.tabbing-box img {
		margin-bottom: 0px !important;
		width: 25px;
		height: 25px;
	}
	.testimonial-box-content p {
		min-height: auto;
	}
	button {
		padding: 5px 50px 5px 10px;
		font-size: 17px;
	}
	.banner-form {
		flex-wrap: wrap;
	}
	.banner-form input:nth-child(1) {
		border-radius: 10px 0 0 0px;
	}
	.banner-form input:nth-child(2) {
		border-radius: 0 10px 0px 0;
	}
	.banner-form input:nth-child(3) {
		border-radius: 0 0 0 10px;
	}
	.banner-form-btn {
		border-radius: 0 0px 10px 0;
	}
	.banner-form input {
		padding: 10px 10px;
		width: 50%;
	}
	.tabbing-box {
		padding: 20px 10px;
	}
	.store-setup-banner-list li p::before {
		font-size: 14px;
	}
	.featured-work-list li {
		width: 100%;
		padding: 5px 15px;
	}
	.packege-tabbing-list>li {
		padding: 5px 5px;
	}
	.packege-tabbing-list>li a {
		font-size: 14px;
		border-radius: 5px;
		padding: 5px 10px;
	}
	.packages>li {
		width: 100%;
	}
	.package-btn a {
		width: 120px;
		padding: 7px 0;
		font-size: 14px;
	}
	.package-box:hover {
		transform: scale(1.05);
	}
	.testimonial-content h2 {
		font-size: 30px;
	}
	.testimonial-content h3 {
		font-size: 25px;
	}
	.testimonial-content p {
		font-size: 20px;
	}
	.testimonial-content h6 {
		font-size: 22px;
	}
	.testimonial-content span {
		font-size: 18px;
	}
	.contact-form-list>div {
		width: 100%;
		padding: 15px 15px;
	}
	.contact-field label {
		font-size: 16px;
	}
	.contact-field input {
		font-size: 14px;
		padding: 10px 0 5px;
	}
	.contact-field select {
		padding-bottom: 30px;
		font-size: 16px;
	}
	.contact-field textarea {
		font-size: 14px;
		padding: 10px 0 5px;
	}
	.mt-50 {
		margin-top: 15px;
	}
	.contact-submit-btn {
		padding: 5px 20px;
		font-size: 14px;
	}
	.social-icons {
		justify-content: center;
		margin-top: 10px;
	}
	

/* INNER PAGES */
	.platform-list > div {
		width: 100%;
		border-right: none;
	}
	.marketing-box {
		min-height: auto;
	}
	.counter>div {
			width: 50%;
		}
	.banner-content p {
		max-width: 100%;
	}
	.consultancy-content h2 {
		max-width: 100%;
	}
	.marketing-why-choose-us-list li {
		min-height: auto;
		padding: 20px 20px;
	}
	.why-choose-us-list-content h5 {
		font-size: 22px;
		min-height: auto;
	}
	.why-choose-us-list-content p {
		font-size: 16px;
	}
	.mb-20 {
		margin-bottom: 10px !important;
	}
	.contact-content h2 {
		font-size: 30px;
	}
	.contact-content h3 {
		font-size: 20px;
	}
	.service-inner-content p {
		font-size: 25px;
	}
	.service-inner-content h2 {
		font-size: 22px;
	}
	.service-inner-content h6 {
		font-size: 15px;
	}
	.featured-tabbing-list li a {
		width: 140px;
		padding: 10px 0;
		font-size: 14px;
	}
	.contact-map iframe {
		height: 300px;
	}
	.contact-information li h4 {
		font-size: 22px;
	}
	.contact-information li a {
		font-size: 16px;
	}
	.header-contact-btn a {
		min-width: 110px;
	}
	.show-mobile2 {
		text-align: left;
	}
	.banner-img {
		display: none;
	}
	.banner-img-list {
		margin: 0 -10px;
		margin-top: 30px;
	}
	.banner-img-list>div {
		padding: 0px 10px;
	}
	.package-box {
		padding: 15px 20px;
		border: 2px solid var(--white);
	}
	.package-box-title h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.package-box-title p {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.package-box-price span {
		font-size: 40px;
	}
	.package-box-price h6 span {
		font-size: 18px;
	}
	.package-box-price h6 {
		font-size: 18px;
	}
	.package-box-list {
		margin: 15px 0 30px;
	}
	.service-bg {
		margin: 0;
		padding: 0;
		padding-top: 30px;
	}
	.service-img img {
		width: 100%;
	}
	.fot-img-list {
		display: block;
	}
	.fot-img-list>div {
		padding: 10px 30px;
	}
	footer {
		padding: 20px 0 !important;
	}
	.package-box-btns {
		justify-content: center;
	}
	.package-box-btns>div {
		padding: 0px 10px;
	}
	.store-setup-banner-list li {
		padding: 5px 5px;
	}
	.help-list {
		flex-wrap: wrap;
		justify-content: center;
	}
	.help-box h6 {
		font-size: 16px;
		margin-top: 5px;
	}
	.help-list > div {
		padding: 8px 15px;
		width: 50%;
	}
	.widget h6 {
		margin-bottom: 15px;
	}
	.fot-links li {
		padding-bottom: 10px;
	}
	.widget p {
		margin: 15px 0 0 0;
	}
	.inner-banner-list {
		display: block;
		text-align: center;
	}
	.inner-banner-list li {
		padding: 5px 20px;
		width: 100%;
	}
	.testimonial-box {
		padding: 20px 25px;
	}
	.testimonial-box h3 {
		margin-bottom: 15px;
	}
	.testimonial-box p {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.testimoanial-info-content h4 {
		font-size: 20px;
	}
	.testimoanial-info-content span {
		font-size: 15px;
	}
	.brand-imgs-list>li {
		width: 33.33%;
		padding: 15px 5px;
	}
	.culture-sec {
		text-align: center;
	}
	.primary-para {
		font-size: 15px;
	}
	.third-hd {
		font-size: 18px;
		font-weight: 700;
	}
	.mb-30 {
		margin-bottom: 15px !important;
	}
	.counter-inner h2 {
		font-size: 35px;
		margin-bottom: 5px;
	}
	.counter-inner p {
		font-size: 16px;
	}
	.counter>div {
		padding: 10px 15px;
	}
	.mb-60 {
		margin-bottom: 20px !important;
	}
	/* .banner-list li p {
		padding-left: 0;
	} */

	/* @media (hover: none) {
		.menu li:hover .inner-menu {
			height: auto;
			padding: 5px 10px;
			border-top: 4px solid var(--dark-yellow);
			margin-bottom: 15px;
		}
	} */
	
	/*new responsive*/
	
	
.floatbutton{display:none;}	

.lis-ul ul {display: block;
    text-align: center;}
	
.lis-ul li {
    border: none;}	
	
	
	
}

@media only screen and (min-width: 320px) and (max-width: 519px){
    .subheader p{
        margin:10px auto 30px;
    }
    .math_steps .step h3{
        font-size:28px;
    }
    .math_steps .step {
        min-height: 220px;
    }
    .subheader {
        padding: 50px 0;
        height: 430px;
    }
    .math_steps .step.left {
        text-align: center;
    }
    .math_steps .step.left img {
        margin-right: 0;
        height: 200px;
        object-fit: contain;
        width: 80%;
        object-position:center;
        margin: 0 auto;
    }
    .col-lg-2.col-md-2.col-sm-2.col-xs-12.no-xs {
        display: none;
    }
    .actions a {
        display: block;
        margin: 0 auto 8px;
    }
    .mobile_page_updated h3 {
        font-size: 26px;
        line-height: 1.2;
    }
    .testimonial-slider h3.wow.fadeInDown.animated.animated {
    /* font-size: 50px; */
        line-height: 1.2;
        font-size: 26px;
    }
    .math_steps .step.right h3 span {
        left: -65px;
        display: none;
    }
    .math_steps .step.left h3 span {
        right: -65px;
        display: none;
    }
    .step.right {
        text-align: center;
    }
    .math_steps .step.right img {
        margin-left: 0;
        height: 200px;
        object-fit: contain;
        width: 80%;
        margin: 0 auto;
    }
    .your_idea.gray h3 {
        font-size: 26px;
        line-height: 1.5 !important;
    }
    .btn-line {
        margin: 0 auto 10px;
        display: block;
    }
    .ksdk-slider .item>.row {
        padding: 0 15px;
    }
    .placeholder video {
        position: absolute;
        top: 47%;
        left: 48.6%;
        background: #000;
        width: 267px;
        height: 184px;
        transform: translate(-50%,-50%);
    }


    .event-slider .slick-dots {
    left: 0;
    transform: unset;
    flex-direction: unset;
    gap: 5px;
    justify-content: center;
    right: 0;
    bottom: -60px;
    top: auto;
}

.testimonial-sec {
    padding-bottom: 80px;
}
    .main-header .row.align-items-center .col-6 {
    flex: 0 0 48%;
    max-width: 48%;
    padding-left: 0;
    margin-left: -10px;
}

.form-box-main form input {
    margin-bottom: 20px !important;
}
.form-box-main form input#checkbox22 {
    position: relative;
    top: 5px;
}
section.orderformwrp {
    padding-bottom: 50px;
}
 .orderformwrp h2 {
    font-size: 29px;
}

.orderformwrp .home-banner-content {
}

.orderformwrp .home-banner-content .inner-content.mtpx-100 {
    margin-top: 10px !important;
}

.orderformwrp .item {}

.orderformwrp .item >div {
    height: auto !important;
}

.orderformwrp .check-list {
    display: flex;
    align-items: flex-start;
    padding-left: 0;
    gap: 10px;
    margin-top: 20px;
}

.main-header .row.align-items-center .col-1 {
    width: 0;
}

	.inner-banner .row.align-items-center {
    flex-direction: column-reverse;
}
	
    
    .portfoliowrp .port-box ul li {
    width: 100%;
}
 

section.secndwrp.about-snd .row {
    /*flex-direction: unset;*/
}

.main-heading {
    font-size: 26px;
    line-height: 1.2;
}
    
    ul.inner-menu.active {
    height: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

html {
    overflow-x: hidden;
}

.cta_inner h1.custom_size {
    line-height: 1;
    font-size: 20px;
}

.multi_button.hk_wiks {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.multi_button.hk_wiks > a {margin: 0;}

.secndwrp .btnwrp ,.portfoliowrp .btnwrp {
     display: flex;
     flex-direction: column;
     gap: 20px;
     padding-top: 20px;
}
.secndwrp .btnwrp > a ,.portfoliowrp .btnwrp>a
{
    text-align: center;
    margin: 0;
} 

.about-snd .row {
    flex-direction: column-reverse;
}

.portfoliowrp .navwrp .tabbing-links  {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.portfoliowrp .port-box ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.portfoliowrp .port-box ul a li {
    width: 100%;
}

 

.lis-ul ul li:not(:last-child) {
    margin-bottom: 50px;
}

.lis-ul ul li img {
    margin-bottom: 5px;
}

.testimonial-content p {max-width: 100%;font-size: 16px;}

.testimonial-content {
    padding-top: 10px;
}

 

.testimonial-content h2 {
    padding-top: 0;
    font-size: 20px;
}

 
ul.inner-menu {
    transform: none !important;
}
    
     .menuWrap.open {
    margin: 0;
}

.menu li.active a {
    color: white !important;
}

body.ovr-hiddn.overflw {
}

.menu li .inner-menu li a {
    color: black !important;
    margin-bottom: 0;
    font-weight: 400 !important;
}

.inner-menu li {
    padding: 10px 0;
}

.menu li .inner-menu {
    margin-left: 20px;
    background: transparent;
    border: 0 !important; 
}
html body .rw-revers-mb{
    flex-direction:unset !important;
}
}


@media only screen and (min-width: 520px) and (max-width: 767px){
    
     
footer .row .col-lg-3.col-md-6 , footer .col-lg-2.col-md-6 {
    width: 33.33%;
    padding: 0 10px;
}
 

.fot-links li a {
    padding-left: 15px;
}
.payment-img {
    text-align: center;
}

	.event-slider .slick-dots {
    left: 0;
    transform: unset;
    flex-direction: unset;
    gap: 5px;
    justify-content: center;
    right: 0;
    bottom: -60px;
    top: auto;
}

.testimonial-sec {
    padding-bottom: 80px;
}
    .form-box-main form input {
    margin-bottom: 20px !important;
}
.form-box-main form input#checkbox22 {
    position: relative;
    top: 5px;
}

section.orderformwrp {
    padding-bottom: 50px;
}
    .orderformwrp h2 {
    font-size: 29px;
}

.orderformwrp .home-banner-content {
}

.orderformwrp .home-banner-content .inner-content.mtpx-100 {
    margin-top: 10px !important;
}

.orderformwrp .item {}

.orderformwrp .item >div {
    height: auto !important;
}

.orderformwrp .check-list {
    display: flex;
    align-items: flex-start;
    padding-left: 0;
    gap: 10px;
    margin-top: 20px;
}
    
    .menu li .inner-menu {
    column-count: 3;
}

.menuWrap .menu >li> a {
    margin-bottom: 5px;
}

.show-mobile2 {
    text-align: center;
}
	.inner-banner .row.align-items-center {
    flex-direction: column-reverse;
}
	
    
    .portfoliowrp .port-box ul li {
    width: 48%;
}
 

section.secndwrp.about-snd .row {
    /*flex-direction: unset;*/
}

.main-heading {
    font-size: 26px;
    line-height: 1.2;
}
    
    ul.inner-menu.active {
    height: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

html {
    overflow-x: hidden;
}

.cta_inner h1.custom_size {
    line-height: 1;
    font-size: 20px;
}

.multi_button.hk_wiks {
    display: flex;
    flex-direction: revert;
    gap: 20px;
    justify-content: center;
}

.multi_button.hk_wiks > a {margin: 0;}

.secndwrp .btnwrp ,.portfoliowrp .btnwrp {
     display: flex;
     flex-direction: row;
     gap: 20px;
     padding-top: 20px;
     justify-content: start;
}
.secndwrp .btnwrp > a ,.portfoliowrp .btnwrp>a
{
    text-align: center;
    margin: 0;
} 

.about-snd .row {
    flex-direction: column-reverse;
}
.portfoliowrp .navwrp ul li {
    width: 30.33%;
}
.portfoliowrp .navwrp .tabbing-links  {
    display: flex;
    flex-direction: unset;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: center;
}

.portfoliowrp .port-box ul {
    display: flex;
    flex-direction: unset;
    gap: 5px;
}

.portfoliowrp .port-box ul a li {
    width: 100%;
}

 

.lis-ul ul li:not(:last-child) {
    margin-bottom: 50px;
}

.lis-ul ul li img {
    margin-bottom: 5px;
}

.testimonial-content p {max-width: 100%;}

.testimonial-content {
    padding-top: 10px;
}

 

.testimonial-content h2 {
    padding-top: 0;
}

 
ul.inner-menu {
    transform: none !important;
}
    
     .menuWrap.open {
    margin: 0;
}

.menu li.active a {
    color: white !important;
}

body.ovr-hiddn.overflw {
}

.menu li .inner-menu li a {
    color: black !important;
    margin-bottom: 0;
    font-weight: 400 !important;
}

.inner-menu li {
    padding: 10px 0;
}

.menu li .inner-menu {
    margin-left: 20px;
    background: transparent;
    border: 0 !important; 
}
html body .rw-revers-mb{
    flex-direction:unset !important;
}
	.portfoliowrp .port-box ul {
    flex-direction: unset;
    flex-wrap: wrap;
}
.lis-ul ul {
    display: flex;
    flex-wrap: wrap;
}

.lis-ul ul li {
    width: 50%;
}
.portfoliowrp .port-box ul a {
    width: 49%;
}
.portfoliowrp .btnwrp {
    justify-content: center !important;
}
}



@media only screen and (min-width: 768px) and (max-width: 991px){
    
      .menu li .inner-menu {
    margin-left: 20px;
    background: transparent;
    border: 0 !important; 
}

.orderformwrp {
    padding-bottom: 50px;
}
 

.orderformwrp .home-banner-content .mtpx-100.text-left {
    margin-top: 20px !important;
}

 

.orderformwrp .item > div {
    height: auto !important;
}

.orderformwrp .home-banner-content .mtpx-100.text-left {
    margin-top: 20px !important;
}


ul.inner-menu {
    transform: none !important;
}

ul.inner-menu.active {
    height: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

    html {
    overflow-x: hidden;
}

.btn-1 , .btn-2 {
    font-size: 14px !important;
    padding: 13px

 20px !important;
}

.main-heading {font-size: 29px;}

 

section.secndwrp.about-snd .row {
    align-items: center;
}

.mainBanner .banner-content {
    width: 70%;
}

.banner-img {
    right: 0px;
    transform: translateY(-70%);
}

.mainBanner .banner-content h1 {
    font-size: 29px;
}

.portfoliowrp .navwrp ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
}

.portfoliowrp .port-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.portfoliowrp .port-box ul a {
    width: 32.33%;
}

.portfoliowrp .port-box ul a >li {
    width: 100%;
}

.lis-ul li h4 {
    font-size: 14px;
}

.counter-inner h2 {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 0;
}

.counter-inner p {
    font-size: 17px;
}

.testimonial-content p {
    margin: auto;
}

.orderformwrp {
    padding-bottom: 10px;
}
.check-list {
    padding-left: 0;
}

.menu li.active a {
    color: white !important;
}
	.inner-banner h1 {
    width: 100%;
    max-width: 100%;
}

.inner-banner .row.align-items-center {
    flex-direction: column-reverse;
}

.portfoliowrp .port-box ul li {
    width: 31.33%;
}
.banner-content.inner-banner-content {
    width: 90%;
    margin: auto;
}

.banner-content.inner-banner-content >p {
    margin: auto;
    max-width: 90%;
}
}


@media only screen and (min-width: 992px) and (max-width: 1023px){
    
      .menu li .inner-menu {
    margin-left: 20px;
    background: transparent;
    border: 0 !important; 
}

.orderformwrp {
    padding-bottom: 50px;
}
 

.orderformwrp .home-banner-content .mtpx-100.text-left {
    margin-top: 20px !important;
}

 

.orderformwrp .item > div {
    height: auto !important;
}

.orderformwrp .home-banner-content .mtpx-100.text-left {
    margin-top: 20px !important;
}

ul.inner-menu {
    transform: none !important;
}

ul.inner-menu.active {
    height: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

    html {
    overflow-x: hidden;
}

.btn-1 , .btn-2 {
    font-size: 14px !important;
    padding: 13px

 20px !important;
}

.main-heading {font-size: 29px;}

 

section.secndwrp.about-snd .row {
    align-items: center;
}

.mainBanner .banner-content {
    width: 70%;
}

.banner-img {
    right: 0px;
    transform: translateY(-70%);
}

.mainBanner .banner-content h1 {
    font-size: 29px;
}

.portfoliowrp .navwrp ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
}

.portfoliowrp .port-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.portfoliowrp .port-box ul a {
    width: 32.33%;
}

.portfoliowrp .port-box ul a >li {
    width: 100%;
}

.lis-ul li h4 {
    font-size: 14px;
}

.counter-inner h2 {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 0;
}

.counter-inner p {
    font-size: 17px;
}

.testimonial-content p {
    margin: auto;
}

.orderformwrp {
    padding-bottom: 10px;
}
.check-list {
    padding-left: 0;
}

.menu li.active a {
    color: white !important;
}
	.inner-banner h1 {
    width: 100%;
    max-width: 100%;
}

.inner-banner .row.align-items-center {
    flex-direction: column-reverse;
}

.portfoliowrp .port-box ul li {
    width: 31.33%;
}
.banner-content.inner-banner-content {
    width: 90%;
    margin: auto;
}

.banner-content.inner-banner-content >p {
    margin: auto;
    max-width: 90%;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px){
    .menu {
    justify-content: center;
}
.banner-img {right: 40px;}

.counter-inner p {
    font-size: 18px;
}

.counter-inner h2 {
    font-size: 50px;
    margin-bottom: 10px;
}

.fot-img img {
    width: 90%;
    margin-left: auto;
    display: block;
}
.portfoliowrp .txtwrp {
    width: 60%;
    margin: auto;
}
.portfoliowrp .port-box ul li {
    width: 30%;
    margin-bottom: 15px;
}

.orderformwrp {
    padding-bottom: 50px;
}
 

.orderformwrp .home-banner-content .mtpx-100.text-left {
    margin-top: 20px !important;
}

 

.orderformwrp .item > div {
    height: auto !important;
}

}



@media only screen and (min-width: 1200px) and (max-width: 1280px){
    .orderformwrp {
    padding-bottom: 50px;
}
 

.orderformwrp .home-banner-content .mtpx-100.text-left {
    margin-top: 20px !important;
}

 

.orderformwrp .item > div {
    height: auto !important;
}

.portfoliowrp .port-box ul li {
    margin-bottom: 10px !important;
}
.portfoliowrp .port-box ul li {
    margin-bottom: 10px;
}
}
.testimonial .item{
    margin-left:5px;
    margin-right:5px;
}