/*media qurey start*/

/*@media only screen and (min-width:1600px) {
	.ContactForm img {
		top: -90px
	}


	.outer {
		height: auto;
	}

	.iconsec {
		padding: 3% 0 3% 0;
	}

	p {
		font-family: Poppins, sans-serif;
		color: #000;
		font-size: 17px;
		line-height: 30px;
		font-weight: 500
	}

	.overyear span {
		color: #000;
		font-size: 17px;
		display: block;
		margin: 40px 0 0 0;
		text-align: center;
		line-height: 30px
	}

	.right {
		position: absolute;
		left: auto;
		z-index: 1;
		bottom: 0;
		right: 190px;
		transition: all 1s ease 0s;
		width: 370px
	}

	.FormContent p {
		font-size: 17px
	}

	.FormContent ul li {
		font-size: 17px
	}

	.Maincontact .modal-body {
		padding: 3rem
	}

	.ContactForm .form-control {
		width: 100%;
		height: 60px;
		position: relative;
		background: #fff;
		padding: 0 40px 0 60px;
		font-size: 16px;
		color: #000
	}

	.ContactForm i {
		position: absolute;
		left: 20px;
		z-index: 1;
		color: #fff;
		width: 50px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		border-radius: 5px 0 0 5px;
	}

	.iconsbox ul li small {
		display: block;
		text-align: center;
		color: #000;
		font-size: 14px;
		font-weight: 500
	}

	.centerheading p {
		font-size: 17px
	}

	.packagesmain {
		padding: 0 0 5% 0
	}

	.packagesbox:hover ul li {
		font-size: 17px
	}

	.packagesTabs .nav-link {
		padding: 15px
	}

	.packagesbox {
		padding: 50px 30px;
		margin-top: 20px
	}

	.packagesbox ul li {
		font-size: 17px
	}

	.colbopackgeslist ul li span {
		font-size: 20px;
		font-weight: 600;
		display: block;
		margin: 20px 0 20px 0
	}

	.colbopackgeslist ul li {
		font-size: 17px
	}

	.bookcard {
		margin-top: 40px
	}

	.bookcard small {
		font-size: 20px
	}

	.TestmonialContent p {
		font-size: 14px;
		line-height: 22px;
	}

	.mobileimg .menimg {
		right: 210px;
		width: 340px;
		object-fit: scale-down
	}

	.mobileimg .girlimg {
		right: 40px;
		top: 150px;
		width: 160px
	}

	.mobileimg {
		position: relative;
		z-index: 2;
		right: 120px
	}
	.FormContent span {
    font-size: 40px;

}
.FormContent p {
    font-size: 26px;
}
.TestmonialContent span {
    font-size: 14px;
    padding: 10px 0px;
}
.TestmonialContent ul {
    font-size: 14px;
}
.combo-box-pack .price h3 {
    font-size: 93px;
}
#contact-sec h1 {
    font-size: 76px;
}

}
*/

@media (min-width: 1442px) and (max-width: 1600px) {
    .ach_1:after {
        left: 161px;
    }
    .ach_1.ach_2:after {
        left: 940px;
    }
    .FormContent span {
        font-size: 46px;
    }
}

@media (min-width: 1442px) and (max-width: 1920px) {
    .ach_1:after {
        left: 410px;
    }
}

@media (min-width: 1200px) and (max-width: 1441px) {
    .btn-primary {
        padding: 15px 28px;
        font-size: 13px;
    }
    .my-form {
        margin: 62% 0 0;
    }
    .PortfolioMob {
        display: none;
    }
    .ach_1:after {
        left: 410px;
    }
    .ach_1.ach_2:after {
        position: absolute;
        content: "";
        top: -45px;
        left: auto;
        width: 453px;
        height: 370px;
        background: url(../images/g2.png) no-repeat;
        background-size: 100%;
        right: 60px;
        animation-duration: 0.6s;
        animation-delay: 0.6s;
        animation-name: fadeInRight;
    }
    .image {
        width: 380px;
    }
    .ach_1:after {
        position: absolute;
        content: "";
        top: -66px;
        left: 131px;
        width: 490px;
        height: 310px;
        background: url(../images/g1.png) no-repeat;
        background-size: 92%;
        animation-duration: 0.6s;
        animation-delay: 0.6s;
        animation-name: fadeInLeft;
    }
    .TestmonialContent p {
        min-height: 250px;
    }
    .TestimonialMain .element.element-6 {
        left: -90px;
        bottom: -60px;
    }
}

@media (min-width: 992px) and (max-width: 1119px) {
    .TestimonialMain .element.element-6 {
        left: -90px;
        bottom: -60px;
    }
    .rev {
        margin: 20px 0 0;
    }
    .button,
    button {
        font-size: 14px;
        padding: 13px 17px;
        display: inline;
    }
    a.btn.btn-primary.orange_btn {
        width: 163px;
        padding: 15px 0 0;
        font-size: 11px;
        margin: 0;
    }
    /*mz*/
    .ach_1:after {
        left: 1px;
    }
    .combo-box-pack .price h3 {
        font-size: 90px;
    }
    .package-details h3 {
        font-size: 120px;
    }
    /*mz*/
    .notchDv h2 {
        font-size: 20px;
        margin: 0 0 12px;
        text-align: center;
    }
    .notchDv h2 span {
        font-size: 20px;
    }
    .PortfolioMob {
        display: block;
    }
    .logoimg img {
        width: 100px;
        height: 50px;
        object-fit: scale-down;
        margin: 0 auto;
        display: table;
    }
    .getqoute a {
        padding: 10px 25px;
        border-radius: 100px;
        font-size: 11px;
        text-transform: uppercase;
        width: auto;
        float: none;
        margin: 7px auto 10px auto;
        display: table;
    }
    .calltext a {
        font-size: 11px;
    }
    .calltext small {
        font-size: 11px;
        margin: 0 0 0 36px;
        color: #fff;
    }
    .FormContent span {
        font-size: 18px;
        line-height: 20px;
    }
    .FormContent span small {
        font-size: 23px;
    }
    .FormContent p {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .slide-cap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        top: 121px;
    }
    .FormContent ul li {
        font-size: 12px;
    }
    .FormContent ul {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .FormContent ul li i {
        color: #c653ff;
        font-size: 15px;
    }
    .btns_wrap {
        display: none;
    }
    .FormContent a {
        margin-right: 0;
        padding: 13px 28px;
        font-size: 16px;
        width: 42%;
    }
    .Brand span {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        margin: 15px 0 10px;
    }
    .calltext i {
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 11px;
        margin-right: 3px;
        background: #c653ff;
        border-radius: 100px;
        background-image: linear-gradient(to right, #32004a, #c653ff);
        position: relative;
        bottom: 14px;
    }
    .callmain {
        width: 50%;
        float: left;
        margin-right: 0 !important;
    }
    .outer {
        height: auto;
        width: 100%;
        position: relative;
        overflow: inherit;
    }
    .ContactForm img {
        top: 0;
        left: 0px;
        width: 100%;
        padding: 40px 0 0;
    }
    .ContactForm small {
        font-size: 12px;
    }
    .ContactForm span {
        font-size: 16px;
        margin: 5px 0 6px 0;
    }
    .ContactForm .form-control {
        width: 100%;
        height: 40px;
        position: relative;
        background: #f8e9ff;
        padding: 0 10px 0 45px;
        font-size: 12px;
    }
    .ContactForm i {
        position: absolute;
        left: 22px;
        z-index: 1;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px 0 0 5px;
    }
    .contactcenter {
        display: block;
        width: 70%;
        margin: 0 auto;
    }
    .ContactForm {
        margin: 20px 0 0 0;
        width: 100%;
    }
    .inner {
        height: 570px;
        width: 100%;
    }
    .iconsec {
        padding: 2% 0 2% 0;
    }
    .ContactForm .btn-primary {
        font-size: 10px;
    }
    .overyear span {
        font-size: 13px;
        margin: 10px 0 0;
        text-align: center;
    }
    .iconsbox ul li {
        display: inline-block;
        width: 18%;
        padding: 10px 0 10px 0;
    }
    .iconsbox ul li img {
        display: table;
        width: 40px;
        height: 40px;
        object-fit: scale-down;
        margin: 0 auto;
    }
    .iconsbox ul li small {
        font-size: 11px;
        margin: 7px 0 0 0;
    }
    .Bussinesscontent span {
        font-size: 25px;
        margin: 0 0 10px;
        text-align: left;
    }
    .iconsbox ul li:nth-child(4) {
        width: 19%;
    }
    .iconsbox ul li:nth-child(5) {
        width: 19%;
    }
    p {
        font-size: 12px;
    }
    .Bussiness .left {
        display: none;
    }
    .Bussiness .right {
        display: none;
    }
    .Bussinessimg img {
        width: 100%;
        margin: 20px auto;
        display: table;
    }
    .Bussiness a {
        /* display: table; */
        margin: 0 15px 0 0px;
        padding: 14px 35px;
    }
    .centerheading {
        width: 100%;
        margin: 0 auto 10px auto;
    }
    .centerheading span {
        font-size: 30px;
        margin: 0 0 20px;
        text-align: center !important;
    }
    .centerheading p {
        font-size: 12px;
        display: block;
        text-align: center !important;
    }
    .packagesTabs .nav-link {
        color: #32004a;
        font-size: 11px;
        font-weight: 600;
        padding: 10px 10px;
    }
    .packagesbox {
        padding: 10px;
    }
    .packagesbox small {
        font-size: 16px;
    }
    .packagesbox h5 {
        text-align: center;
        margin: 10px 0 10px 0;
        font-size: 13px;
    }
    .packagesbox span {
        font-size: 25px;
    }
    .packagesbox ul li {
        color: #32004a;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 8px;
    }
    .scrollbar {
        float: left;
        height: 180px;
        overflow-y: scroll;
        width: 100%;
        overflow-x: hidden;
        background: 0 0;
        margin: 10px 0 10px;
    }
    .packagesbox a {
        display: table;
        margin: 0 auto;
        font-size: 12px;
        padding: 10px 10px;
    }
    .comboinnerbg {
        padding: 10px;
    }
    .comboheading span {
        font-size: 18px;
        margin: 0;
    }
    .colbopackgeslist ul li {
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .bookcard small {
        font-size: 13px;
    }
    .bookcard span {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard del {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard a {
        padding: 13px 30px;
        font-size: 12px;
        margin: 10px auto;
    }
    .bookcard {
        padding: 10px;
        margin-top: 20px;
    }
    .image {
        height: 360px;
        width: 293px;
        position: relative;
        cursor: pointer;
        box-shadow: rgb(0 0 0 / 30%) 0 0 25px 1px;
        background-color: #555;
        overflow: hidden;
        margin: 0 0 15px;
        transition: all 0.5s ease 0s;
    }
    .containerm img {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.8s ease 0s;
        object-fit: cover;
    }
    .livechat .btn1 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .livechat .btn2 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .mobileimg .menimg {
        position: absolute;
        right: 130px;
        top: 20px;
        width: 280px;
        z-index: 2;
        bottom: auto;
    }
    .mobileimg .girlimg {
        position: absolute;
        right: 0;
        top: 50px;
        width: 130px;
        z-index: 2;
        bottom: auto;
    }
    .TestimonialMain span {
        font-size: 30px;
        font-weight: 700;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }
    .TestmonialContent p {
        font-size: 12px;
        text-align: center;
        min-height: 260px;
    }
    .TestmonialContent small {
        font-size: 14px;
        text-align: center;
    }
    .TestmonialContent ul li {
        font-size: 10px;
    }
    .footerText span {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .footerText p {
        font-size: 12px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .cntc-frm .form-control {
        height: 40px;
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        background: 0 0;
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-image: initial;
        margin: 0 0 20px;
        border-radius: 0;
    }
    footer .cntc-frm textarea {
        height: 120px !important;
    }
    .copytext p {
        font-size: 11px;
    }
    footer {
        position: relative;
        padding: 5% 0 4% 0;
        clip-path: inherit;
    }
    .TestmonialContent img {
        width: 100px;
        margin: 10px auto 10px auto;
    }
    .TestmonialContent ul {
        text-align: center;
    }
    body {
        overflow-x: hidden;
    }
    .form-floating>label {
        font-size: 12px;
    }
    .modalimg img {
        width: 100%;
        margin: 0 auto;
        display: table;
    }
    .Maincontact .ContactForm span {
        font-size: 16px;
    }
    .headerBG {
        background-image: inherit;
        background-size: inherit;
        width: inherit;
        height: inherit;
        background-position: inherit;
        background-repeat: inherit;
    }
    .containerm {
        display: none;
    }
    .portfoliosmall img {
        object-fit: cover;
        width: 97%;
        height: 300px;
        border: 2px solid #460b62;
        margin: 0 auto;
    }
    .BrandSlider img {
        width: 70px;
        height: 60px;
        object-fit: scale-down;
    }
    .livechat {
        display: table;
        margin: 60px auto 0 auto;
    }
    /*today*/
    .footer-last-img img {
        width: 100%;
        margin: 0 0px 25px;
    }
    .footer-socials-icon i {
        font-size: 19px;
    }
    .footer-content ul li a {
        font-size: 13px;
        line-height: 26px;
    }
    .footer-botom-menu a {
        font-size: 13px;
    }
    .copyright-sec p {
        font-size: 12px;
        line-height: 26px;
    }
    .cta-text p {
        font-size: 16px;
    }
    .two-floating-btns ul {
        width: 100%;
    }
    .cta-text h2 {
        font-size: 25px;
    }
    .footer-services h3 {
        margin: 0;
    }
    .footer-payment h3 {
        font-size: 21px;
        font-weight: 600;
        padding-bottom: 8px;
    }
    .custom-success-hd h3 {
        font-size: 28px;
        line-height: 32px;
        width: auto;
    }
    .quality h4 {
        font-size: 13px;
        line-height: 22px;
    }
    .package-box .plan-head .h5 {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .package-box .plan-head h4 {
        font-size: 17px;
    }
    .package-footer .bd-right {
        padding-right: 50px;
    }
    .Bussinesscontent .inline_style {
        display: inline-flex;
        /* margin: 0 auto; */
    }
    .Bussinesscontent img {
        width: 38%;
        margin: 0 0 10px -26px;
    }
    .package-footer {
        padding: 10px 0;
    }
    .package-footer p {
        font-size: 12px;
    }
    .package-footer a {
        font-size: 12px;
    }
    .package-box {
        border-radius: 10px;
    }
    .package-box ul.pkg-opt li {
        font-size: 12px;
    }
    .ach_1 .col-md-4 {
        flex: 0 0 auto;
        width: 41%;
    }
    .ach_1:after {
        left: 90px;
    }
    .combo-box-pack .price h3 {
        font-size: 90px;
    }
    .ach_1.ach_2:after {
        top: -58px;
        width: 463px;
        height: 370px;
        background-size: 100%;
        right: 0;
    }
    .package-details h3 {
        font-size: 120px;
    }
    .ach_1.ach_2 .two-floating-btn a {
        width: 60%;
        height: 58px;
    }
    .pricing-plans .pricing_plan--container .pricing_plan--item {
        padding-top: 70px;
        min-height: 340px;
    }
    .order-option h4 {
        font-size: 12px;
        font-weight: 500;
        text-align: center;
    }
    .main_tabs button#pills-home-tab,
    .main_tabs button#pills-profile-tab,
    .main_tabs button#pills-contact-tab {
        padding: 10px 13px;
        font-size: 12px;
        border-radius: 60px;
        margin: 0 20px 0 0px;
        margin-bottom: 0px;
    }
    .pricing-plans sup.promo-original-price {
        top: 6px;
        left: 7px;
    }
    .api-price-styling .curr-major {
        font-size: 40px;
        font-weight: 800;
        margin: 20px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }
    .api-price-styling .curr-symbol {
        top: -10px;
        left: -5px;
    }
    .rev ul li {
        padding: 0 3px;
        font-size: 11px;
    }
    .pricing-plans .pricing_plan--container .pricing_plan--inverter h2 {
        font-size: 20px;
    }
    .my-form {
        margin: 83% 0 0;
    }
    .rev ul li:after {
        right: -1px;
    }
    .rev ul li {
        padding: 0 7px;
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*NEW*/
    .ach_1.ach_2:after {
        content: "";
        top: 43px;
        left: 451px;
        width: 307px;
        height: 290px;
        background-size: 102%;
        right: 0;
    }
    .cta-text a {
        padding: 13px 40px 13px 40px;
    }
    .pricing-plans sup.promo-original-price {
        top: -5px;
        left: 0px;
        font-size: 16px;
    }
    .rev ul {
        display: table;
        margin: 20px auto 0;
    }
    .my-form .form-control {
        font-size: 12px;
        height: 40px;
        margin: 24px 0px;
        padding: 0px 16px;
    }
    .footer-services ul li a {
        font-size: 14px;
        line-height: 25px;
        margin: 0;
    }
    .footer-socials-icon {
        margin: 10px 0 0;
    }
    .footer-payment h3 {
        font-size: 15px;
        margin: 0;
    }
    .footer-services h3 {
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .footer-logo p {
        font-size: 11px;
        line-height: 25px;
    }
    .count-up h6 {
        font-size: 30px !important;
        line-height: 35px !important;
        margin: 0;
    }
    .count-up p {
        font-size: 13px !important;
        line-height: 25px !important;
        margin: 0px 0 !important;
    }
    .my-form .btn-primary {
        width: 100%;
        height: 43px;
        padding: 0;
        font-size: 16px;
        border: 1px solid red;
    }
    .order-option h4 {
        font-size: 9px;
        font-weight: 500;
        text-align: center;
    }
    .footer-content h4 {
        font-size: 12px;
        margin: 0;
    }
    .footer-content p {
        font-size: 13px;
        margin: 0;
        text-align: left;
        line-height: 20px;
    }
    .footer-one select.form-select {
        font-size: 13px;
    }
    .footer-one label {
        font-size: 17px;
        padding: 1px 12px 6px;
    }
    .pricing-plans .pricing_plan--container .pricing_plan--inverter h2 {
        font-size: 18px;
        font-weight: 100;
    }
    .footer-content {
        margin: 0 0 50px 9px;
    }
    .button,
    button {
        font-size: 12px;
        padding: 11px 6px;
        display: inline;
    }
    .pricing-plans .pricing_plan--container .pricing_plan--item {
        min-height: 346px;
        padding: 70px 0 20px;
    }
    .api-price-styling .curr-symbol {
        color: #aaa;
        position: relative;
        top: -40px;
        left: 7px;
    }
    .ach_1:after {
        top: 20px;
        left: 70px;
        width: 300px;
        height: 310px;
        background-size: 100%;
    }
    .btn-primary {
        padding: 6px 10px;
        height: 37px;
        font-size: 11px;
        width: 160px;
        padding: 10px 0 0;
    }
    .combo-box-pack .price h3 {
        font-size: 60px;
    }
    /*NEW*/
    .notchDv h2 {
        font-size: 20px;
        margin: 0 0 16px;
    }
    .notchDv h2 span {
        font-size: 25px;
    }
    .PortfolioMob {
        display: block;
    }
    .getqoute a {
        padding: 3px 28px;
        border-radius: 100px;
        font-size: 11px;
        text-transform: uppercase;
        width: auto;
        float: none;
        margin: 0px auto 10px auto;
        display: table;
    }
    .tab button {
        padding: 10px 36px;
        font-size: 18px;
    }
    .getqoute a {
        padding: 11px 16px;
        border-radius: 100px;
        font-size: 11px;
        text-transform: uppercase;
        width: auto;
        float: none;
        margin: 0px auto 10px auto;
        display: table;
        width: 170px;
    }
    .calltext a {
        font-size: 11px;
    }
    .calltext small {
        font-size: 11px;
        margin: 0 0 0 36px;
        color: #fff;
    }
    .FormContent span {
        font-size: 18px;
        line-height: 20px;
    }
    .FormContent span small {
        font-size: 23px;
    }
    .FormContent p {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
    }
    .slide-cap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        top: 110px;
    }
    .FormContent ul li {
        font-size: 12px;
    }
    .FormContent ul {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .FormContent ul li i {
        color: #c653ff;
        font-size: 15px;
    }
    .btns_wrap {
        display: none;
    }
    .FormContent a {
        margin-right: 0;
        padding: 8px 28px;
        font-size: 13px;
        width: 49.2%;
    }
    .Brand span {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        margin: 15px 0 10px;
    }
    .calltext i {
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 11px;
        margin-right: 3px;
        background: #c653ff;
        border-radius: 100px;
        background-image: linear-gradient(to right, #32004a, #c653ff);
        position: relative;
        bottom: 14px;
    }
    .callmain {
        width: 50%;
        float: left;
        margin-right: 0 !important;
    }
    .outer {
        height: auto;
        width: 100%;
        position: relative;
        overflow: inherit;
    }
    .ContactForm img {
        position: relative;
        top: 60px;
        left: 0;
        width: 100%;
        padding: 0;
    }
    .ContactForm small {
        font-size: 12px;
    }
    .ContactForm span {
        font-size: 16px;
        margin: 5px 0 6px 0;
    }
    .ContactForm .form-control {
        width: 100%;
        height: 40px;
        position: relative;
        background: #f8e9ff;
        padding: 0 10px 0 45px;
        font-size: 12px;
    }
    .ContactForm i {
        position: absolute;
        left: 22px;
        z-index: 1;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px 0 0 5px;
    }
    .contactcenter {
        display: block;
        margin: 10px 0 10px 0;
    }
    .ContactForm {
        margin: 20px 0 0 0;
        width: 100%;
    }
    .inner {
        height: 567px;
        width: 100%;
    }
    .iconsec {
        padding: 2% 0 2% 0;
    }
    .ContactForm .btn-primary {
        font-size: 10px;
    }
    .overyear span {
        font-size: 13px;
        margin: 10px 0 20px;
        text-align: center;
    }
    .iconsbox ul li {
        display: inline-block;
        width: 19%;
        padding: 10px 0 10px 0;
    }
    .iconsbox ul li img {
        display: table;
        width: 40px;
        height: 40px;
        object-fit: scale-down;
        margin: 0 auto;
    }
    .iconsbox ul li small {
        font-size: 11px;
        margin: 7px 0 0 0;
        width: auto;
    }
    .Bussinesscontent span {
        font-size: 16px;
        margin: 0 0 10px;
        line-height: 22px;
    }
    .iconsbox ul li:nth-child(4) {
        width: 19%;
    }
    .iconsbox ul li:nth-child(5) {
        width: 19%;
    }
    p {
        font-size: 12px;
        text-align: center;
        margin: 0;
        line-height: 20px;
    }
    .Bussiness .left {
        display: none;
    }
    .Bussiness .right {
        display: none;
    }
    .Bussinessimg img {
        width: 100%;
        margin: 20px auto;
        display: table;
    }
    .Bussiness p {
        text-align: left;
        font-size: 12px;
        line-height: 23px;
    }
    .Bussiness a {
        /* display: inline-flex; */
        margin: 0 auto;
    }
    .centerheading {
        width: 100%;
        margin: 0 auto 10px auto;
    }
    .centerheading span {
        font-size: 18px;
        margin: 0 0 20px;
        text-align: center !important;
    }
    .centerheading p {
        font-size: 12px;
        display: block;
        text-align: center !important;
    }
    .packagesTabs .nav-link {
        color: #32004a;
        font-size: 11px;
        font-weight: 600;
        padding: 10px 10px;
    }
    .packagesbox {
        padding: 10px;
    }
    .packagesbox small {
        font-size: 16px;
    }
    .packagesbox h5 {
        text-align: center;
        margin: 10px 0 10px 0;
        font-size: 13px;
    }
    .packagesbox span {
        font-size: 25px;
    }
    .packagesbox ul li {
        color: #32004a;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 8px;
    }
    .scrollbar {
        float: left;
        height: 180px;
        overflow-y: scroll;
        width: 100%;
        overflow-x: hidden;
        background: 0 0;
        margin: 10px 0 10px;
    }
    .packagesbox.wow.fadeInUp a.btn.btn-primary {
        padding: 12px 4px;
        display: inline-flex;
        font-size: 10px;
        margin: 0 3px;
    }
    .comboinnerbg {
        padding: 20px;
    }
    .comboheading span {
        font-size: 18px;
        margin: 0;
    }
    .colbopackgeslist ul li {
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .colbopackgeslist ul li span {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .bookcard small {
        font-size: 13px;
    }
    .bookcard span {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard del {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard a {
        padding: 13px 30px;
        font-size: 12px;
        margin: 10px auto;
    }
    .bookcard {
        padding: 10px;
    }
    .image {
        height: 360px;
        width: 293px;
        position: relative;
        cursor: pointer;
        box-shadow: rgb(0 0 0 / 30%) 0 0 25px 1px;
        background-color: #555;
        overflow: hidden;
        margin: 0 0 15px;
        transition: all 0.5s ease 0s;
    }
    .containerm img {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.8s ease 0s;
        object-fit: cover;
    }
    .livechat .btn1 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .livechat .btn2 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .mobileimg .menimg {
        position: absolute;
        right: 100px;
        top: 20px;
        width: 190px;
        z-index: 2;
        bottom: auto;
    }
    .mobileimg .girlimg {
        position: absolute;
        right: 0;
        top: 80px;
        width: 100px;
        z-index: 2;
        bottom: auto;
    }
    .TestimonialMain span {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }
    .TestmonialContent p {
        color: #5e5e5e;
        font-size: 12px;
        text-align: center;
        min-height: 230px;
    }
    .TestmonialContent small {
        font-size: 14px;
        text-align: center;
    }
    .TestmonialContent ul li {
        font-size: 10px;
    }
    .footerText span {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .footerText p {
        font-size: 12px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .cntc-frm .form-control {
        height: 40px;
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        background: 0 0;
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-image: initial;
        margin: 0 0 20px;
        border-radius: 0;
    }
    footer .cntc-frm textarea {
        height: 120px !important;
    }
    .copytext p {
        font-size: 11px;
    }
    footer {
        position: relative;
        padding: 5% 0 5% 0;
        clip-path: inherit;
    }
    .TestmonialContent img {
        width: 100px;
        margin: 10px auto 10px auto;
    }
    .TestmonialContent ul {
        text-align: center;
    }
    body {
        overflow-x: hidden;
    }
    .form-floating>label {
        font-size: 12px;
    }
    .modalimg img {
        width: 100%;
        margin: 0 auto;
        display: table;
    }
    .element-5 {
        bottom: -80px;
        left: 20px;
    }
    .element.element-4 {
        display: none;
    }
    .element.element-6 {
        display: none;
    }
    .Maincontact .ContactForm span {
        font-size: 16px;
    }
    .headerBG {
        background-image: inherit;
        background-size: inherit;
        width: inherit;
        height: inherit;
        background-position: inherit;
        background-repeat: inherit;
    }
    .containerm {
        display: none;
    }
    .portfoliosmall img {
        object-fit: cover;
        width: 97%;
        height: 300px;
        border: 2px solid #460b62;
        margin: 0 auto;
    }
    .BrandSlider img {
        width: 70px;
        height: 60px;
        object-fit: scale-down;
    }
    .livechat {
        display: table;
        margin: 40px auto 0 auto;
    }
    .email_sec .btn-primary {
        padding: 13px 24px;
    }
    .notchDv .requestDv.anim-btn {
        font-size: 9px;
        font-weight: 400;
        height: auto;
        margin: 0px;
        padding: 15px 0px 15px 16px;
    }
    /*today*/
    .footer-last-img img {
        width: 100%;
        margin: 0 0px 25px;
    }
    .footer-socials-icon i {
        font-size: 19px;
    }
    .footer-content ul li a {
        font-size: 13px;
        line-height: 26px;
    }
    .footer-botom-menu a {
        font-size: 13px;
    }
    .copyright-sec p {
        font-size: 11px;
        line-height: 26px;
    }
    .cta-text p {
        font-size: 14px;
        margin: 0 0 18px;
    }
    .two-floating-btns ul {
        width: 100%;
    }
    .cta-text h2 {
        font-size: 20px;
    }
    .custom-success-hd h3 {
        font-size: 28px;
        line-height: 32px;
        width: auto;
    }
    .quality h4 {
        font-size: 13px;
        line-height: 22px;
    }
    .package-box .plan-head .h5 {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .package-box .plan-head h4 {
        font-size: 17px;
    }
    .package-footer .bd-right {
        padding-right: 0;
    }
    .Bussinesscontent .inline_style {
        /* display: inline-flex; */
        /* margin: 0 auto; */
    }
    .Bussinesscontent img {
        width: 38%;
        margin: 0 0 10px -26px;
    }
    .package-footer {
        padding: 10px 0;
    }
    .package-footer p {
        font-size: 12px;
    }
    .package-footer a {
        font-size: 12px;
    }
    .package-box {
        border-radius: 10px;
    }
    .package-box ul.pkg-opt li {
        font-size: 12px;
    }
    .ach_1 .col-md-4 {
        flex: 0 0 auto;
        width: 60%;
    }
    .ach_1.ach_2 .two-floating-btn a {
        width: 60%;
    }
    #contact-sec h1 {
        font-size: 56px;
    }
    .main_tabs button#pills-home-tab,
    .main_tabs button#pills-profile-tab,
    .main_tabs button#pills-contact-tab {
        padding: 10px 13px;
        font-size: 12px;
        border-radius: 60px;
        margin: 0 20px 0 0px;
        margin-bottom: 0px;
    }
    .pricing-plans sup.promo-original-price {
        top: -10px;
        left: 7px;
    }
    .api-price-styling .curr-major {
        font-size: 40px;
        font-weight: 800;
        margin: 20px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }
    .api-price-styling .curr-symbol {
        top: -10px;
        left: -5px;
    }
    .rev ul li {
        padding: 0 7px;
        font-size: 10px;
    }
    .my-form {
        margin: 101% 0 0;
    }
    div#line p a {
        color: black;
        font-size: 10px;
    }
}

@media only screen and (min-width: 541px) and (max-width: 767px) {
    .logoimg img {
        width: 100px;
        height: 50px;
        object-fit: scale-down;
        margin: 0 auto;
        display: table;
    }
    .getqoute a {
        padding: 10px 25px;
        border-radius: 100px;
        font-size: 11px;
        text-transform: uppercase;
        width: auto;
        float: none;
        margin: 0 auto 10px auto;
        display: table;
    }
    .calltext a {
        font-size: 11px;
    }
    .calltext small {
        font-size: 11px;
        margin: 0 0 0 36px;
        color: #fff;
    }
    .FormContent span {
        font-size: 18px;
        line-height: 20px;
    }
    .FormContent span small {
        font-size: 23px;
    }
    .FormContent p {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .slide-cap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        top: 20px;
    }
    .FormContent ul li {
        font-size: 12px;
    }
    .FormContent ul {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .FormContent ul li i {
        color: #c653ff;
        font-size: 15px;
    }
    .btns_wrap {
        display: none;
    }
    .FormContent a {
        margin-right: 0;
        padding: 8px 28px;
        font-size: 13px;
        width: 49.2%;
    }
    .Brand span {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        margin: 15px 0 10px;
    }
    .calltext i {
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 11px;
        margin-right: 3px;
        background: #c653ff;
        border-radius: 100px;
        background-image: linear-gradient(to right, #32004a, #c653ff);
        position: relative;
        bottom: 14px;
    }
    .callmain {
        width: 50%;
        float: left;
        margin-right: 0 !important;
    }
    .outer {
        height: auto;
        width: 100%;
        position: relative;
        overflow: inherit;
    }
    .ContactForm img {
        position: absolute;
        top: 0;
        left: 0;
        width: 27%;
    }
    .ContactForm small {
        font-size: 12px;
    }
    .ContactForm span {
        font-size: 16px;
        margin: 5px 0 6px 0;
    }
    .ContactForm .form-control {
        width: 100%;
        height: 40px;
        position: relative;
        background: #f8e9ff;
        padding: 0 10px 0 45px;
        font-size: 12px;
    }
    .ContactForm i {
        position: absolute;
        left: 22px;
        z-index: 1;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px 0 0 5px;
    }
    .contactcenter {
        display: block;
        margin: 10px 0 10px 0;
    }
    .ContactForm {
        margin: 20px 0 0 0;
        width: 100%;
    }
    .inner {
        height: 940px;
        width: 100%;
    }
    .iconsec {
        padding: 2% 0 2% 0;
    }
    .ContactForm .btn-primary {
        font-size: 10px;
    }
    .overyear span {
        font-size: 13px;
        margin: 10px 0 0;
        text-align: center;
    }
    .iconsbox ul li {
        display: inline-block;
        width: 32.3%;
        padding: 10px 0 10px 0;
    }
    .iconsbox ul li img {
        display: table;
        width: 40px;
        height: 40px;
        object-fit: scale-down;
        margin: 0 auto;
    }
    .iconsbox ul li small {
        font-size: 11px;
        margin: 7px 0 0 0;
    }
    .Bussinesscontent span {
        font-size: 16px;
        margin: 0 0 10px;
        text-align: center;
    }
    .iconsbox ul li:nth-child(4) {
        width: 47%;
    }
    .iconsbox ul li:nth-child(5) {
        width: 47%;
    }
    p {
        font-size: 12px;
    }
    .Bussiness .left {
        display: none;
    }
    .Bussiness .right {
        display: none;
    }
    .Bussinessimg img {
        width: 50%;
        margin: 20px auto;
        display: table;
    }
    .Bussiness p {
        text-align: center;
    }
    .Bussiness a {
        display: table;
        margin: 0 auto;
    }
    .centerheading {
        width: 100%;
        margin: 0 auto 10px auto;
    }
    .centerheading span {
        font-size: 18px;
        margin: 0 0 20px;
        text-align: center !important;
    }
    .centerheading p {
        font-size: 12px;
        display: block;
        text-align: center !important;
    }
    .packagesTabs .nav-link {
        color: #32004a;
        font-size: 11px;
        font-weight: 600;
        padding: 10px 10px;
    }
    .packagesbox {
        padding: 10px;
    }
    .packagesbox small {
        font-size: 16px;
    }
    .packagesbox h5 {
        text-align: center;
        margin: 10px 0 10px 0;
        font-size: 13px;
    }
    .packagesbox span {
        font-size: 25px;
    }
    .packagesbox ul li {
        color: #32004a;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 8px;
    }
    .scrollbar {
        float: left;
        height: 180px;
        overflow-y: scroll;
        width: 100%;
        overflow-x: hidden;
        background: 0 0;
        margin: 10px 0 10px;
    }
    .packagesbox a {
        display: table;
        margin: 0 auto;
        font-size: 12px;
        padding: 10px 10px;
    }
    .comboinnerbg {
        padding: 10px;
    }
    .comboheading span {
        font-size: 18px;
        margin: 0;
    }
    .colbopackgeslist ul li {
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .bookcard small {
        font-size: 13px;
    }
    .bookcard span {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard del {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard a {
        padding: 13px 30px;
        font-size: 12px;
        margin: 10px auto;
    }
    .bookcard {
        padding: 10px;
    }
    .image {
        height: 360px;
        width: 293px;
        position: relative;
        cursor: pointer;
        box-shadow: rgb(0 0 0 / 30%) 0 0 25px 1px;
        background-color: #555;
        overflow: hidden;
        margin: 0 0 15px;
        transition: all 0.5s ease 0s;
    }
    .containerm img {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.8s ease 0s;
        object-fit: cover;
    }
    .livechat .btn1 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .livechat .btn2 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .mobileimg .menimg {
        position: absolute;
        right: 60px;
        top: 20px;
        width: 130px;
        z-index: 2;
        bottom: auto;
    }
    .mobileimg .girlimg {
        position: absolute;
        right: 0;
        top: 50px;
        width: 50px;
        z-index: 2;
        bottom: auto;
    }
    .TestimonialMain span {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }
    .TestmonialContent p {
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    .TestmonialContent small {
        font-size: 14px;
        text-align: center;
    }
    .TestmonialContent ul li {
        font-size: 10px;
    }
    .footerText span {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .footerText p {
        font-size: 12px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .cntc-frm .form-control {
        height: 40px;
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        background: 0 0;
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-image: initial;
        margin: 0 0 20px;
        border-radius: 0;
    }
    footer .cntc-frm textarea {
        height: 120px !important;
    }
    .copytext p {
        font-size: 11px;
    }
    footer {
        position: relative;
        padding: 72% 0 5% 0;
        background: linear-gradient(#450b61 0, #5c187d 50%, #812dab 100%);
        clip-path: inherit;
    }
    .TestmonialContent img {
        width: 100px;
        margin: 10px auto 10px auto;
    }
    .TestmonialContent ul {
        text-align: center;
    }
    body {
        overflow-x: hidden;
    }
    .form-floating>label {
        font-size: 12px;
    }
    .modalimg img {
        width: 50%;
        margin: 0 auto;
        display: table;
    }
    .Maincontact .ContactForm span {
        font-size: 16px;
    }
    .headerBG {
        background-image: inherit;
        background-size: inherit;
        width: inherit;
        height: inherit;
        background-position: inherit;
        background-repeat: inherit;
    }
    .containerm {
        display: none;
    }
    .portfoliosmall img {
        object-fit: cover;
        width: 100%;
        height: 300px;
        border: 2px solid #460b62;
        padding: 10px;
    }
    .Bussinesscontent .inline_style {
        display: inline-flex;
        margin: 0 auto;
    }
    .footer-socials-icon {
        margin: 0 auto;
        display: table;
    }
    .footer-botom-menu {
        margin: 0 auto;
        display: table;
    }
}

@media only screen and (min-width: 300px) and (max-width: 540px) {
    .logoimg img {
        width: 100px;
        height: 50px;
        object-fit: scale-down;
        margin: 0 auto;
        display: table;
    }
    .getqoute a {
        padding: 10px 25px;
        border-radius: 100px;
        font-size: 11px;
        text-transform: uppercase;
        width: auto;
        float: none;
        margin: 0 auto 10px auto;
        display: table;
    }
    .calltext a {
        font-size: 11px;
    }
    .calltext small {
        font-size: 11px;
        margin: 0 0 0 36px;
        color: #fff;
    }
    .FormContent span {
        font-size: 18px;
        line-height: 20px;
    }
    .FormContent span small {
        font-size: 23px;
    }
    .FormContent p {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .slide-cap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        top: 20px;
    }
    .FormContent ul li {
        font-size: 12px;
    }
    .FormContent ul {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .FormContent ul li i {
        font-size: 15px;
    }
    .btns_wrap {
        display: none;
    }
    .FormContent a {
        margin-right: 0;
        padding: 8px 24px;
        font-size: 13px;
        width: 49.2%;
    }
    .Brand span {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        margin: 15px 0 10px;
    }
    .calltext i {
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 11px;
        margin-right: 3px;
        background: #c653ff;
        border-radius: 100px;
        background-image: linear-gradient(to right, #32004a, #c653ff);
        position: relative;
        bottom: 14px;
    }
    .callmain {
        width: 50%;
        float: left;
        margin-right: 0 !important;
    }
    .outer {
        height: auto;
        width: 100%;
        position: relative;
        overflow: inherit;
    }
    .ContactForm img {
        position: inherit;
        top: 0px;
        left: 0;
        width: 80%;
        padding: 40px 0 0;
        margin: 0 auto;
        display: table;
    }
    .ContactForm small {
        font-size: 12px;
    }
    .ContactForm span {
        font-size: 16px;
        margin: 5px 0 6px 0;
    }
    .ContactForm .form-control {
        width: 100%;
        height: 40px;
        position: relative;
        background: #f8e9ff;
        padding: 0 10px 0 45px;
        font-size: 12px;
    }
    .ContactForm i {
        position: absolute;
        left: 22px;
        z-index: 1;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px 0 0 5px;
    }
    .contactcenter {
        display: block;
        margin: 10px 0 10px 0;
    }
    .ContactForm {
        margin: 20px 0 0 0;
        width: 100%;
    }
    .inner {
        height: 830px;
        width: 100%;
    }
    .iconsec {
        padding: 2% 0 2% 0;
        display: none;
    }
    .ContactForm .btn-primary {
        font-size: 10px;
    }
    .overyear span {
        font-size: 13px;
        margin: 10px 0 0;
        text-align: center;
    }
    .iconsbox ul li {
        display: inline-block;
        width: 32.3%;
        padding: 10px 0 10px 0;
        margin: 0 0 20px;
    }
    .iconsbox ul li img {
        display: table;
        width: 40px;
        height: 40px;
        object-fit: scale-down;
        margin: 0 auto;
    }
    .iconsbox ul li small {
        font-size: 11px;
        margin: 7px 0 0 0;
        width: auto;
    }
    .Bussinesscontent span {
        font-size: 16px;
        text-align: center;
        margin: 10px auto 20px;
        line-height: 22px;
        width: auto;
    }
    .iconsbox ul li:nth-child(4) {
        width: 47%;
    }
    .iconsbox ul li:nth-child(5) {
        width: 47%;
    }
    p {
        font-size: 12px;
        line-height: 20px;
    }
    .Bussiness .left {
        display: none;
    }
    .Bussiness .right {
        display: none;
    }
    .Bussinessimg img {
        width: 50%;
        margin: 20px auto;
        display: table;
    }
    .Bussiness p {
        text-align: center;
    }
    .Bussiness a {
        display: inline-flex;
        margin: 0 auto;
        padding: 9px 6px;
        margin-right: 4px;
    }
    .centerheading {
        width: 100%;
        margin: 0 auto 10px auto;
    }
    .centerheading span {
        font-size: 20px;
        margin: 0 0 20px;
        text-align: center !important;
    }
    .centerheading p {
        font-size: 12px;
        display: block;
        text-align: center !important;
    }
    .packagesTabs .nav-link {
        color: #32004a;
        font-size: 11px;
        font-weight: 600;
        padding: 10px 10px;
    }
    .packagesbox {
        padding: 10px;
    }
    .packagesbox small {
        font-size: 16px;
    }
    .packagesbox h5 {
        text-align: center;
        margin: 10px 0 10px 0;
        font-size: 13px;
    }
    .packagesbox span {
        font-size: 25px;
    }
    .packagesbox ul li {
        color: #32004a;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 8px;
    }
    .scrollbar {
        float: left;
        height: 180px;
        overflow-y: scroll;
        width: 100%;
        overflow-x: hidden;
        background: 0 0;
        margin: 10px 0 10px;
    }
    .packagesbox a {
        display: table;
        margin: 0 auto;
        font-size: 12px;
        padding: 10px 10px;
    }
    .comboinnerbg {
        padding: 10px;
    }
    .comboheading span {
        font-size: 18px;
        margin: 0;
    }
    .colbopackgeslist ul li {
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .bookcard small {
        font-size: 13px;
    }
    .bookcard span {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard del {
        font-size: 20px;
        margin: 0 0 0;
    }
    .bookcard a {
        padding: 13px 30px;
        font-size: 12px;
        margin: 10px auto;
    }
    .bookcard {
        padding: 10px;
    }
    .image {
        height: 360px;
        width: 293px;
        position: relative;
        cursor: pointer;
        box-shadow: rgb(0 0 0 / 30%) 0 0 25px 1px;
        background-color: #555;
        overflow: hidden;
        margin: 0 0 15px;
        transition: all 0.5s ease 0s;
    }
    .containerm img {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.8s ease 0s;
        object-fit: cover;
    }
    .livechat .btn1 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .livechat .btn2 {
        font-size: 12px;
        padding: 11px 10px;
    }
    .mobileimg .menimg {
        position: absolute;
        right: auto;
        top: 20px;
        width: 120px;
        z-index: 2;
        bottom: auto;
        left: 0;
    }
    .mobileimg .girlimg {
        position: absolute;
        right: 0;
        top: 50px;
        width: 64px;
        z-index: 2;
        bottom: auto;
        left: auto;
    }
    .TestimonialMain span {
        color: #000;
        font-size: 20px;
        font-weight: 700;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }
    .TestmonialContent p {
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    .TestmonialContent small {
        font-size: 14px;
        text-align: center;
    }
    .TestmonialContent ul li {
        font-size: 10px;
    }
    .footerText span {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .footerText p {
        font-size: 12px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .cntc-frm .form-control {
        height: 40px;
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        background: 0 0;
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-image: initial;
        margin: 0 0 20px !important;
        border-radius: 0;
    }
    footer .cntc-frm textarea {
        height: 120px !important;
    }
    .copytext p {
        font-size: 11px;
    }
    footer {
        position: relative;
        clip-path: inherit;
        padding: 5% 0 5% 0;
    }
    .TestmonialContent img {
        width: 100px;
        margin: 10px auto 10px auto;
        float: none;
    }
    .TestmonialContent ul {
        text-align: center;
    }
    body {
        overflow-x: hidden;
    }
    .form-floating>label {
        font-size: 12px;
    }
    .modalimg img {
        width: 100%;
        margin: 0 auto;
        display: table;
        height: 230px;
    }
    .Maincontact .ContactForm span {
        font-size: 16px;
    }
    .headerBG {
        background-image: inherit;
        background-size: inherit;
        width: inherit;
        height: inherit;
        background-position: inherit;
        background-repeat: inherit;
    }
    .containerm {
        display: none;
    }
    .portfoliosmall img {
        object-fit: cover;
        width: 97%;
        height: 300px;
        border: 2px solid #460b62;
        margin: 0 auto;
    }
    .livechat {
        display: table;
        margin: 30px auto 15px auto;
    }
    .footer-botom-menu a {
        font-size: 15px;
    }
    .Bussinesscontent .inline_style {
        display: inline-flex;
        margin: 0 auto;
    }
    .package-details h3 {
        font-size: 100px;
    }
    .main_tabs button#pills-home-tab,
    .main_tabs button#pills-profile-tab,
    .main_tabs button#pills-contact-tab {
        padding: 10px 13px;
        font-size: 12px;
        border-radius: 60px;
        margin: 0 20px 0 0px;
        margin-bottom: 0px;
    }
    .pricing-plans sup.promo-original-price {
        top: 6px;
        left: 7px;
    }
    .api-price-styling .curr-major {
        font-size: 40px;
        font-weight: 800;
        margin: 20px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }
    .api-price-styling .curr-symbol {
        top: -10px;
        left: -5px;
    }
}

@media (max-width: 540px) {
    .footer-services h3 {
        font-size: 23px;
        position: relative;
        top: 20px;
    }
    .mobile_show img {
        margin: 0 auto;
        display: table;
    }
    .notchDv h2 {
        font-size: 20px;
        margin: 0 0 12px;
        text-align: center;
    }
    .notchDv h2 span {
        font-size: 20px;
    }
    .mobileimg {
        position: relative;
        z-index: 2;
        width: 36%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .package-details h3 {
        font-size: 53px;
        line-height: 47px;
    }
    .package-details h5 {
        font-size: 30px;
    }
    .package-details p {
        font-size: 16px;
    }
    .combo-box-pack .price h3 {
        font-size: 50px;
    }
    .combo-box-pack .off-now h6 {
        font-size: 20px;
    }
    .combo-box-pack .details ul li a {
        font-size: 12px;
    }
    .combo-box-pack .title h3 {
        font-size: 30px;
    }
    .element.element-4 {
        display: none;
    }
    .element.element-5 {
        display: none;
    }
    .element.element-6 {
        display: none;
    }
    .element.element-7 {
        display: none;
    }
    footer {
        padding: 5% 0 5% 0;
    }
    .package-details h3 {
        font-size: 53px;
        line-height: 47px;
    }
    .package-details h5 {
        font-size: 30px;
    }
    .package-details p {
        font-size: 16px;
    }
    .combo-box-pack .price h3 {
        font-size: 50px;
    }
    .combo-box-pack .off-now h6 {
        font-size: 20px;
    }
    .combo-box-pack .details ul li a {
        font-size: 12px;
    }
    .combo-box-pack .title h3 {
        font-size: 30px;
    }
    .element.element-4 {
        display: none;
    }
    .element.element-5 {
        display: none;
    }
    .element.element-6 {
        display: none;
    }
    .element.element-7 {
        display: none;
    }
    /*today*/
    .custom-success-hd h3 {
        font-size: 16px;
        line-height: 22px;
        width: 90%;
        margin: 10px auto 10px;
    }
    .cs_with {
        width: auto;
        border-right: 0;
        margin: 0 auto;
    }
    .quality h4 {
        font-size: 10px;
        line-height: 18px;
        padding-top: 5px;
    }
    .Bussinesscontent img {
        width: 48%;
        float: none;
        margin: 0 auto;
    }
    .footer-last-img img {
        width: 100%;
        margin: 0 0 10px;
        display: block;
    }
    .footer-content ul li a {
        font-size: 12px;
        line-height: 24px;
    }
    .copyright-sec p {
        font-size: 12px;
        line-height: 26px;
        padding: 0px;
    }
    .footer-botom-menu ul li {
        display: inline-block;
        padding: 0px 4px;
        margin: 0 auto;
    }
    .cta-text h2 {
        font-size: 22px;
        line-height: 23px;
    }
    .two-floating-btns ul {
        width: 100%;
        flex-direction: column;
    }
    .two-floating-btns ul li {
        margin: 0 0 10px;
    }
    .cta-text {
        text-align: center;
    }
    .ach_1.two .red-cta {
        height: auto;
        margin: 0;
        padding: 8% 0 !important;
    }
    .ach_1.two .red-cta .cta-text h2 {
        font-size: 20px;
        line-height: 25px;
        margin: 10px auto 0;
    }
    .cta-text p a {
        font-size: 15px;
        font-weight: 500;
        margin-left: 5px;
    }
    .combo-box-pack .price h6 {
        font-size: 16px;
        margin-left: 10px;
    }
    .package-footer .bd-right {
        padding-right: 140px;
    }
    .package-footer p {
        font-size: 12px;
    }
    .package-footer a {
        font-size: 12px;
    }
    .package-box ul.pkg-opt li {
        line-height: 29px;
        font-size: 11px;
    }
    .package-box .plan-head h4 {
        font-size: 20px;
    }
    .package-box .plan-head .h5 {
        font-size: 24px;
        margin-bottom: 0px;
    }
    .package-box .plan-head .h6 {
        font-size: 15px;
        display: block;
    }
    .Bussiness a {
        padding: 9px 8px;
        font-size: 12px;
        margin-right: 4px;
    }
    .Bussiness p {
        text-align: center;
        font-size: 12px;
    }
    .footer-botom-menu a {
        font-size: 15px;
    }
    .Bussinesscontent .inline_style {
        display: inline-flex;
        margin: 0 auto;
    }
    /*new css */
    .sec-hd {
        font-size: 22px;
    }
    .pot-sec .step-h .tab {
        display: block;
    }
    .tab button {
        float: none;
        width: 100%;
        margin: 0 0 10px;
        font-family: "Popins", sans-serif;
    }
    ul.port-lst>li {
        width: auto;
    }
    #contact-sec h1 {
        font-size: 35px;
        margin: 20px 0;
        line-height: 26px;
    }
    #contact-sec h2 {
        font-size: 15px;
    }
    ul.port-lst {
        margin-right: 0;
    }
    .ser img {
        width: 60%;
        margin: 0 auto;
        height: 20px;
    }
    .ach_1:after {
        display: none;
    }
    .conform {
        width: 100%;
        margin: 0px auto;
    }
    .ach_1.ach_2 .two-floating-btn a {
        width: 100% !important;
    }
    .footer-socials-icon {
        margin: 0 auto;
        display: table;
    }
    .footer-botom-menu {
        margin: 0 auto;
        display: table;
    }
    header {
        background: rgb(33 33 33);
        position: inherit;
    }
    .logoimg {
        float: none;
        margin: 0 0 10px;
    }
    .red-cta {
        padding: 0 0;
    }
    .button,
    button {
        padding: 15px 20px;
    }
    .rev ul li {
        display: block;
    }
    .rev ul li:after {
        background: #fff0;
    }
    .call_to ul li a {
        height: 45px;
        width: 190px;
        font-size: 14px;
    }
    .mobile_hide {
        display: none;
    }
    .mobile_show {
        background: #130d0d;
        padding: 0px 0 60px;
        display: block;
        margin: 0 0 0 0px;
    }
    .TestmonialContent {
        padding: 30px 10px;
    }
    .TestmonialContent img {
        width: 80px;
        margin: 10px auto 10px auto;
        float: none;
    }
    .red-cta {
        padding: 4% 0 !important;
        background-size: auto;
        background-attachment: inherit;
    }
    .cta-text p {
        font-size: 13px;
    }
    .cta-text h2 {
        width: 100%;
        margin: 0px auto;
        font-size: 20px;
        line-height: 30px;
    }
    ul.slick-dots {
        width: 50%;
    }
    /* // */
    .outer:after {
        display: none;
    }
    a.btn.btn-primary.orange_btn {
        padding: 10px 0 0 !important;
        width: 192px;
        height: 40px;
        font-size: 14px;
    }
    a.btn.btn-primary.bg_yellow {
        background: #fbb84b;
        color: black;
        padding: 10px 0 0;
        height: 40px;
        font-size: 14px;
    }
    .inner:after {
        display: none;
    }
    .btn-primary {
        height: 35px;
    }
    .Bussiness a {
        padding: 13px 32px;
        font-size: 13px;
        margin-right: 4px;
        height: 42px;
    }
    .call_to ul li {
        padding: 0 0 0 10px;
    }
    .button,
    button {
        padding: 13px 28px;
        font-size: 14px;
    }
    .form-tittle h2 {
        font-size: 21px;
    }
    .footer-one label {
        font-size: 16px;
        padding: 0px 12px 6px;
    }
    .footer-one select.form-select {
        border-radius: 25px;
        height: 45px;
        font-size: 13px;
    }
    .my-form .form-control {
        width: 100%;
        font-size: 13px;
        height: 40px;
        margin: 19px 0px;
    }
    .my-form .btn-primary {
        width: 100%;
        height: 40px;
        font-size: 15px;
        padding: 0;
    }
    #line {
        position: relative;
        margin: 0 auto;
        display: table;
    }
    .order-option {
        margin: 0 auto;
        display: table;
        text-align: center;
    }
    #line:after {
        margin: 0px 0px;
        height: 158px;
        top: 10px;
        right: -9px;
    }
    .get-home {
        margin: 0 0 0 70px;
    }
    .footer-content {
        margin: 0 0 50px 60px;
    }
    .icon-img img {
        position: absolute;
    }
    .count-up h6 {
        font-size: 30px !important;
    }
    .count-up p {
        font-size: 14px;
        line-height: 14px;
        margin: 0px 0;
    }
    .my-form {
        margin: 10% 0 0;
    }
    .footer-img img {
        margin: 0px 0 0;
    }
    .main_tabs button#pills-home-tab,
    .main_tabs button#pills-profile-tab,
    .main_tabs button#pills-contact-tab {
        padding: 10px 13px;
        font-size: 12px;
        border-radius: 60px;
        margin: 0 10px 0 0px;
        margin-bottom: 0px;
    }
    .pricing-plans sup.promo-original-price {
        top: 6px;
        left: 7px;
    }
    .api-price-styling .curr-major {
        font-size: 40px;
        font-weight: 800;
        margin: 20px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }
    .api-price-styling .curr-symbol {
        top: -10px;
        left: -5px;
    }
    .rev ul li {
        padding: 0 3px;
        font-size: 11px;
    }
}

@media (max-width: 425px) {
    .pricing-plans .pricing_plan--container .pricing_plan--inverter h2 {
        font-size: 15px;
        font-weight: 100;
    }
    .notchDv h2 {
        font-size: 20px;
        margin: 0 0 12px;
        text-align: center;
    }
    .notchDv h2 span {
        font-size: 20px;
    }
    .mobileimg {
        position: relative;
        z-index: 2;
        width: 45%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    footer {
        padding: 5% 0 5% 0;
    }
    .package-details h3 {
        font-size: 53px;
        line-height: 47px;
    }
    .package-details h5 {
        font-size: 30px;
    }
    .package-details p {
        font-size: 16px;
    }
    .combo-box-pack .price h3 {
        font-size: 50px;
    }
    .combo-box-pack .off-now h6 {
        font-size: 20px;
    }
    .combo-box-pack .details ul li a {
        font-size: 12px;
    }
    .combo-box-pack .title h3 {
        font-size: 30px;
    }
    .element.element-4 {
        display: none;
    }
    .element.element-5 {
        display: none;
    }
    .element.element-6 {
        display: none;
    }
    .element.element-7 {
        display: none;
    }
    /*today*/
    .custom-success-hd h3 {
        font-size: 16px;
        line-height: 22px;
        width: 90%;
        margin: 10px auto 10px;
    }
    .cs_with {
        width: auto;
        border-right: 0;
        margin: 0 auto;
    }
    .quality h4 {
        font-size: 10px;
        line-height: 18px;
        padding-top: 5px;
    }
    .Bussinesscontent img {
        width: 48%;
        float: none;
        margin: 0 auto;
    }
    .footer-last-img img {
        width: 90%;
        margin: 0 0 10px;
        display: block;
    }
    .footer-content ul li a {
        font-size: 12px;
        line-height: 24px;
    }
    .copyright-sec p {
        font-size: 12px;
        line-height: 26px;
        padding: 0px;
    }
    .footer-botom-menu ul li {
        display: inline-block;
        padding: 0px 4px;
        margin: 0 auto;
    }
    .cta-text h2 {
        font-size: 22px;
        line-height: 23px;
    }
    .two-floating-btns ul {
        width: 100%;
        flex-direction: column;
    }
    .two-floating-btns ul li {
        margin: 0 0 10px;
    }
    .cta-text {
        text-align: center;
    }
    .ach_1.two .red-cta {
        height: auto;
        margin: 0;
        padding: 5% 0 !important;
    }
    .ach_1.two .red-cta .cta-text h2 {
        font-size: 19px;
        line-height: 25px;
        margin: 10px auto 0;
    }
    .cta-text p a {
        font-size: 15px;
        font-weight: 500;
        margin-left: 5px;
    }
    .combo-box-pack .price h6 {
        font-size: 16px;
        margin-left: 10px;
    }
    .package-footer .bd-right {
        padding-right: 70px;
    }
    .package-footer p {
        font-size: 14px;
    }
    .package-footer a {
        font-size: 12px;
    }
    .package-box ul.pkg-opt li {
        line-height: 29px;
        font-size: 11px;
    }
    .package-box .plan-head h4 {
        font-size: 20px;
    }
    .package-box .plan-head .h5 {
        font-size: 24px;
        margin-bottom: 0px;
    }
    .package-box .plan-head .h6 {
        font-size: 15px;
        display: block;
    }
    .Bussiness a {
        padding: 9px 8px;
        font-size: 12px;
        margin-right: 4px;
    }
    .Bussiness p {
        text-align: center;
        font-size: 12px;
    }
    .footer-botom-menu a {
        font-size: 15px;
    }
    .Bussinesscontent .inline_style {
        display: inline-flex;
        margin: 0 auto;
    }
    /*new css */
    .sec-hd {
        font-size: 22px;
    }
    .pot-sec .step-h .tab {
        display: block;
    }
    .tab button {
        float: none;
        width: 100%;
        margin: 0 0 10px;
        font-family: "Popins", sans-serif;
    }
    ul.port-lst>li {
        width: auto;
    }
    #contact-sec h1 {
        font-size: 33px;
        margin: 20px 0;
        line-height: 26px;
    }
    #contact-sec h2 {
        font-size: 15px;
    }
    ul.port-lst {
        margin-right: 0;
    }
    .ser img {
        width: 60%;
        margin: 0 auto;
        height: 20px;
    }
    .ach_1.ach_2:after {
        display: none;
    }
    .ach_1:after {
        display: none;
    }
    .conform {
        width: 100%;
        margin: 0px auto;
    }
    .call_to ul li a {
        margin: 6px 0px;
    }
    section.pot-sec {
        padding: 30px 0;
    }
    .ach_1.ach_2 .two-floating-btn a {
        width: 100%;
    }
    .footer-socials-icon {
        margin: 0 auto;
        display: table;
    }
    .headstyle h3 {
        font-size: 18px;
    }
    header {
        background: rgb(33 33 33);
        position: inherit;
    }
    .logoimg {
        float: none;
        margin: 0 0 10px;
    }
    .red-cta {
        padding: 0 0;
    }
    .button,
    button {
        padding: 15px 20px;
    }
    .rev ul li {
        display: block;
    }
    .rev ul li:after {
        background: #fff0;
    }
    .call_to ul li a {
        height: 45px;
        width: 150px;
        font-size: 12px;
    }
    .mobile_hide {
        display: none;
    }
    .mobile_show {
        display: block;
        background: #130d0d;
        margin: 0 0 0px;
        padding: 0px 0 60px;
    }
    .TestmonialContent {
        padding: 30px 10px;
    }
    .TestmonialContent img {
        width: 80px;
        margin: 10px auto 10px auto;
        float: none;
    }
    .red-cta {
        padding: 4% 0 !important;
        background-size: auto;
        background-attachment: inherit;
    }
    .cta-text p {
        font-size: 13px;
    }
    .cta-text h2 {
        width: 100%;
        margin: 0 auto;
        font-size: 20px;
        line-height: 27px;
    }
    ul.slick-dots {
        width: 50%;
    }
    /* // */
    .outer:after {
        display: none;
    }
    a.btn.btn-primary.orange_btn {
        padding: 11px 0 0 !important;
        width: 162px;
        height: 40px;
        font-size: 12px;
    }
    a.btn.btn-primary.bg_yellow {
        background: #fbb84b;
        color: black;
        padding: 10px 0 0;
        height: 40px;
    }
    .inner:after {
        display: none;
    }
    .btn-primary {
        height: 35px;
    }
    .Bussiness a {
        padding: 13px 32px;
        font-size: 13px;
        margin-right: 4px;
        height: 42px;
    }
    .call_to ul li {
        padding: 0 0 0 10px;
    }
    .button,
    button {
        padding: 12px 25px;
        font-size: 14px;
    }
    .form-tittle h2 {
        font-size: 21px;
    }
    .footer-one label {
        font-size: 15px;
        padding: 0px 12px 6px;
    }
    .footer-one select.form-select {
        border-radius: 25px;
        height: 40px;
        font-size: 13px;
    }
    .my-form .form-control {
        width: 100%;
        font-size: 13px;
        height: 40px;
        margin: 19px 0px;
    }
    .my-form .btn-primary {
        width: 100%;
        height: 40px;
        font-size: 15px;
        padding: 0;
    }
    #line {
        position: relative;
        margin: 0 auto;
        display: table;
    }
    .order-option {
        margin: 0 auto;
        display: table;
        text-align: center;
    }
    #line:after {
        margin: 0px 0px;
        height: 158px;
        top: 10px;
        right: -9px;
    }
    .get-home {
        margin: 0 0 0 30px;
    }
    .footer-content {
        margin: 0 0 25px 60px;
    }
    .icon-img img {
        position: absolute;
    }
    .count-up h6 {
        font-size: 24px !important;
    }
    .count-up p {
        font-size: 14px;
        line-height: 14px;
        margin: 0px 0;
    }
    .footer-services h3 {
        font-size: 20px;
        position: relative;
        top: 28px;
    }
    .footer-payment h3 {
        font-size: 20px;
    }
    .footer-services ul li a {
        color: #fff;
        font-size: 13px;
        line-height: 27px;
    }
    .footer-logo p {
        font-size: 13px;
    }
    .my-form {
        margin: 10% 0 0;
    }
    .footer-img img {
        margin: 0px 0 0;
    }
    .main_tabs button#pills-home-tab,
    .main_tabs button#pills-profile-tab,
    .main_tabs button#pills-contact-tab {
        padding: 10px 5px;
        font-size: 12px;
        border-radius: 60px;
        margin: 0 3px 0 0px;
        margin-bottom: 0px;
    }
    .pricing-plans sup.promo-original-price {
        top: -10px;
        left: 7px;
    }
    .api-price-styling .curr-major {
        font-size: 40px;
        font-weight: 800;
        margin: 20px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }
    .api-price-styling .curr-symbol {
        top: -10px;
        left: -5px;
    }
}

@media (max-width: 375px) {
    .footer-logo p {
        font-size: 13px;
    }
    .footer-services h3 {
        font-size: 20px;
        position: relative;
        top: 28px;
    }
    .footer-payment h3 {
        font-size: 20px;
    }
    .pricing-plans .pricing_plan--container .pricing_plan--inverter h2 {
        font-size: 15px;
        font-weight: 100;
    }
    .footer-services ul li a {
        color: #fff;
        font-size: 13px;
        line-height: 27px;
    }
    .mx-auto.text-center {
        padding: 5% 0 !important;
        background: #696969 !important;
    }
    .notchDv h2 {
        font-size: 20px;
        margin: 0 0 12px;
        text-align: center;
    }
    .notchDv h2 span {
        font-size: 20px;
    }
    .mobileimg {
        position: relative;
        z-index: 2;
        width: 52%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    footer {
        padding: 5% 0 5% 0;
    }
    .package-details h3 {
        font-size: 53px;
        line-height: 47px;
    }
    .package-details h5 {
        font-size: 30px;
    }
    .package-details p {
        font-size: 16px;
    }
    .combo-box-pack .price h3 {
        font-size: 50px;
    }
    .combo-box-pack .off-now h6 {
        font-size: 20px;
    }
    .combo-box-pack .details ul li a {
        font-size: 12px;
    }
    .combo-box-pack .title h3 {
        font-size: 30px;
    }
    .element.element-4 {
        display: none;
    }
    .element.element-5 {
        display: none;
    }
    .element.element-6 {
        display: none;
    }
    .element.element-7 {
        display: none;
    }
    /*today*/
    .custom-success-hd h3 {
        font-size: 16px;
        line-height: 22px;
        width: 90%;
        margin: 10px auto 10px;
    }
    .cs_with {
        width: auto;
        border-right: 0;
        margin: 0 auto;
    }
    .quality h4 {
        font-size: 10px;
        line-height: 18px;
        padding-top: 5px;
    }
    .Bussinesscontent img {
        width: 48%;
        float: none;
        margin: 0 auto;
    }
    .footer-last-img img {
        width: 85%;
        margin: 6px 0px 10px;
        display: block;
    }
    .footer-content ul li a {
        font-size: 12px;
        line-height: 24px;
    }
    .copyright-sec p {
        font-size: 12px;
        line-height: 26px;
        padding: 0px;
    }
    .footer-botom-menu ul li {
        display: inline-block;
        padding: 0px 4px;
        margin: 0 auto;
    }
    .cta-text h2 {
        font-size: 22px;
        line-height: 23px;
    }
    .two-floating-btns ul {
        width: 100%;
        flex-direction: column;
    }
    .two-floating-btns ul li {
        margin: 0 0 10px;
    }
    .cta-text {
        text-align: center;
    }
    .ach_1.two .red-cta {
        height: auto;
        margin: 0;
        padding: 6% 0 !important;
    }
    .ach_1.two .red-cta .cta-text h2 {
        font-size: 14px;
        line-height: 23px;
        margin: 10px auto 0;
    }
    .cta-text p a {
        font-size: 15px;
        font-weight: 500;
        margin-left: 5px;
    }
    .combo-box-pack .price h6 {
        font-size: 16px;
        margin-left: 10px;
    }
    .package-footer .bd-right {
        padding-right: 50px;
    }
    .package-footer p {
        font-size: 12px;
    }
    .package-footer a {
        font-size: 12px;
    }
    .package-box ul.pkg-opt li {
        line-height: 29px;
        font-size: 11px;
    }
    .package-box .plan-head h4 {
        font-size: 20px;
    }
    .package-box .plan-head .h5 {
        font-size: 24px;
        margin-bottom: 0px;
    }
    .package-box .plan-head .h6 {
        font-size: 15px;
        display: block;
    }
    .Bussiness a {
        padding: 9px 8px;
        font-size: 12px;
        margin-right: 4px;
    }
    .Bussiness p {
        text-align: center;
        font-size: 12px;
    }
    .footer-botom-menu a {
        font-size: 12px;
    }
    .Bussinesscontent .inline_style {
        display: inline-flex;
        margin: 0 auto;
    }
    /*new css */
    .sec-hd {
        font-size: 22px;
    }
    .pot-sec .step-h .tab {
        display: block;
    }
    .tab button {
        float: none;
        width: 100%;
        margin: 0 0 10px;
        font-family: "Popins", sans-serif;
    }
    ul.port-lst>li {
        width: auto;
    }
    #contact-sec h1 {
        font-size: 32px;
        margin: 20px 0;
        line-height: 26px;
    }
    .headstyle h3 {
        font-size: 16px;
    }
    #contact-sec h2 {
        font-size: 15px;
    }
    ul.port-lst {
        margin-right: 0;
    }
    .ser img {
        width: 60%;
        margin: 0 auto;
        height: 20px;
    }
    .ach_1.ach_2:after {
        display: none;
    }
    .ach_1:after {
        display: none;
    }
    .conform {
        width: 100%;
        margin: 0px auto;
    }
    .ach_1.ach_2 .two-floating-btn a {
        width: 100%;
    }
    .call_to ul li a {
        margin: 5px 0px;
    }
    section.pot-sec {
        padding: 30px 0;
    }
    header {
        background: rgb(33 33 33);
        position: inherit;
    }
    .logoimg {
        float: none;
        margin: 0 0 10px;
    }
    .red-cta {
        padding: 0 0;
    }
    .button,
    button {
        padding: 15px 20px;
    }
    .rev ul li {
        display: block;
    }
    .rev ul li:after {
        background: #fff0;
    }
    .call_to ul li a {
        height: 42px;
        width: 150px;
        font-size: 13px;
    }
    .mobile_hide {
        display: none;
    }
    .mobile_show {
        display: block;
        background: #130d0d;
        margin: 0 0 0px;
        padding: 0px 0 60px;
    }
    .TestmonialContent {
        padding: 30px 10px;
    }
    .TestmonialContent img {
        width: 80px;
        margin: 10px auto 10px auto;
        float: none;
    }
    .red-cta {
        padding: 2% 0 !important;
        background-size: auto;
        background-attachment: inherit;
    }
    .cta-text p {
        font-size: 13px;
    }
    .cta-text h2 {
        width: 100%;
        margin: 0 auto;
        font-size: 17px;
        line-height: 29px;
    }
    ul.slick-dots {
        width: 50%;
    }
    /* // */
    .outer:after {
        display: none;
    }
    a.btn.btn-primary.orange_btn {
        padding: 13px 0 0 !important;
        width: 145px;
        height: 40px;
        font-size: 10px;
    }
    a.btn.btn-primary.bg_yellow {
        background: #fbb84b;
        color: black;
        padding: 10px 0 0;
        height: 40px;
    }
    .inner:after {
        display: none;
    }
    .btn-primary {
        height: 35px;
    }
    .Bussiness a {
        padding: 12px 32px;
        font-size: 12px;
        margin-right: 4px;
        height: 39px;
    }
    .call_to ul li {
        padding: 0 0 0 10px;
    }
    .button,
    button {
        padding: 11px 15px;
        font-size: 13px;
    }
    .form-tittle h2 {
        font-size: 21px;
    }
    .footer-one label {
        font-size: 15px;
        padding: 0px 12px 6px;
    }
    .footer-one select.form-select {
        border-radius: 25px;
        height: 40px;
        font-size: 13px;
    }
    .my-form .form-control {
        width: 100%;
        font-size: 13px;
        height: 40px;
        margin: 19px 0px;
    }
    .my-form .btn-primary {
        width: 100%;
        height: 40px;
        font-size: 15px;
        padding: 0;
    }
    #line {
        position: relative;
        margin: 0 auto;
        display: table;
    }
    .order-option {
        margin: 0 auto;
        display: table;
        text-align: center;
    }
    #line:after {
        margin: 0px 0px;
        height: 158px;
        top: 10px;
        right: -9px;
    }
    .get-home {
        margin: 0 0 0 20px;
    }
    .footer-content {
        margin: 0 0 50px 60px;
    }
    .icon-img img {
        position: absolute;
    }
    .count-up p {
        font-size: 14px !important;
        line-height: 14px !important;
        margin: 0px 0 !important;
    }
    .my-form {
        margin: 10% 0 0;
    }
    .footer-img img {
        margin: 0px 0 0;
    }
    .main_tabs button#pills-home-tab,
    .main_tabs button#pills-profile-tab,
    .main_tabs button#pills-contact-tab {
        padding: 10px 15px;
        font-size: 11px;
        border-radius: 60px;
        margin: 0 5px 0 0px;
        margin-bottom: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .pricing-plans sup.promo-original-price {
        top: -10px;
        left: 7px;
    }
    .api-price-styling .curr-major {
        font-size: 40px;
        font-weight: 800;
        margin: 20px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }
    .api-price-styling .curr-symbol {
        top: -10px;
        left: -5px;
    }
}

@media (max-width: 320px) {
    .footer-logo p {
        font-size: 13px;
    }
    .notchDv h2 {
        font-size: 20px;
        margin: 0 0 12px;
        text-align: center;
    }
    .notchDv h2 span {
        font-size: 20px;
    }
    .mobileimg {
        position: relative;
        z-index: 2;
        width: 62%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    /*today*/
    .custom-success-hd h3 {
        font-size: 16px;
        line-height: 22px;
        width: 90%;
        margin: 10px auto 10px;
    }
    .cs_with {
        width: auto;
        border-right: 0;
        margin: 0 auto;
    }
    .quality h4 {
        font-size: 10px;
        line-height: 18px;
        padding-top: 5px;
    }
    .Bussinesscontent img {
        width: 48%;
        float: none;
        margin: 0 auto;
    }
    .footer-last-img img {
        width: 90%;
        margin: 10px 0 10px;
        display: block;
    }
    .footer-content ul li a {
        font-size: 12px;
        line-height: 24px;
    }
    .copyright-sec p {
        font-size: 12px;
        line-height: 33px;
        padding: 0px;
    }
    .footer-botom-menu ul li {
        display: inline-block;
        padding: 0px 4px;
        margin: 0 auto;
    }
    .cta-text h2 {
        font-size: 14px;
        line-height: 26px;
    }
    .two-floating-btns ul {
        width: 100%;
        flex-direction: column;
    }
    .two-floating-btns ul li {
        margin: 0 0 10px;
    }
    .cta-text {
        text-align: center;
    }
    .ach_1.two .red-cta {
        height: auto;
        padding: 5% 0 !important;
        margin: 0;
    }
    .ach_1.two .red-cta .cta-text h2 {
        font-size: 14px;
        line-height: 23px;
        margin: 10px auto 0;
    }
    .cta-text p a {
        font-size: 15px;
        font-weight: 500;
        margin-left: 5px;
    }
    .combo-box-pack .price h6 {
        font-size: 16px;
        margin-left: 10px;
    }
    .package-footer .bd-right {
        padding-right: 30px;
    }
    .package-footer p {
        font-size: 12px;
    }
    .package-footer a {
        font-size: 12px;
    }
    .package-box ul.pkg-opt li {
        line-height: 29px;
        font-size: 11px;
    }
    .package-box .plan-head h4 {
        font-size: 20px;
    }
    .package-box .plan-head .h5 {
        font-size: 24px;
        margin-bottom: 0px;
    }
    .package-box .plan-head .h6 {
        font-size: 15px;
        display: block;
    }
    .Bussiness p {
        text-align: center;
        font-size: 12px;
    }
    .Bussinesscontent .inline_style {
        display: inline-flex;
        margin: 0 auto;
    }
    /*new css */
    .sec-hd {
        font-size: 22px;
    }
    .pot-sec .step-h .tab {
        display: block;
    }
    .tab button {
        float: none;
        width: 100%;
        margin: 0 0 10px;
        font-family: "Popins", sans-serif;
    }
    ul.port-lst>li {
        width: auto;
    }
    #contact-sec h1 {
        font-size: 29px;
        margin: 20px 0;
        line-height: 26px;
    }
    #contact-sec h2 {
        font-size: 15px;
    }
    ul.port-lst {
        margin-right: 0;
    }
    .ser img {
        width: 60%;
        margin: 0 auto;
        height: 20px;
    }
    .ach_1.ach_2:after {
        display: none;
    }
    .ach_1:after {
        display: none;
    }
    .conform {
        width: 100%;
        margin: 0px auto;
    }
    .call_to ul li a {
        margin: 6px 0px;
    }
    .ach_1.ach_2 .two-floating-btn a {
        width: 100%;
    }
    .headstyle h3 {
        font-size: 14px;
    }
    header {
        background: rgb(33 33 33);
        position: inherit;
    }
    .logoimg {
        float: none;
        margin: 0 0 10px;
    }
    .red-cta {
        padding: 0 0;
    }
    .rev ul li {
        display: block;
        font-size: 13px;
        line-height: 22px;
    }
    .rev ul li:after {
        background: #fff0;
    }
    .call_to ul li a {
        height: 40px;
        width: 123px;
        font-size: 11px;
    }
    .mobile_hide {
        display: none;
    }
    .mobile_show {
        display: block;
        background: #130d0d;
        margin: 0 0 0px;
        padding: 0px 0 60px;
    }
    .TestmonialContent {
        padding: 30px 10px;
    }
    .TestmonialContent img {
        width: 80px;
        margin: 10px auto 10px auto;
        float: none;
    }
    .red-cta {
        padding: 4% 0 0 !important;
        background-position: center;
        background-attachment: inherit;
        background-size: auto;
    }
    .cta-text p {
        font-size: 13px;
    }
    .cta-text h2 {
        width: 73%;
        margin: 0 auto;
    }
    ul.slick-dots {
        width: 50%;
    }
    /* // */
    div#cform label {
        font-size: 13px;
        text-align: center;
        margin: 0px 0 10px;
        line-height: 19px;
    }
    .count-up h6 {
        font-size: 26px !important;
    }
    .count-up p {
        font-size: 13px !important;
        line-height: 17px !important;
        margin: 0 !important;
    }
    .mx-auto.text-center {
        padding: 5% 0 !important;
    }
    h3.d-inline {
        color: white !important;
    }
    .footer-services h3 {
        font-size: 20px !important;
        top: 20px !important;
    }
    html,
    body {
        overflow-x: hidden;
    }
    /* // */
    .outer:after {
        display: none;
    }
    a.btn.btn-primary.orange_btn {
        padding: 13px 0 0 !important;
        width: 135px;
        height: 40px;
        font-size: 9px;
    }
    a.btn.btn-primary.bg_yellow {
        background: #fbb84b;
        color: black;
        padding: 11px 0 0;
        height: 40px;
        font-size: 12px;
    }
    .inner:after {
        display: none;
    }
    .btn-primary {
        height: 35px;
    }
    .Bussiness a {
        padding: 11px 22px;
        font-size: 12px;
        margin-right: 4px;
    }
    .call_to ul li {
        padding: 0 0 0 10px;
    }
    .button,
    button {
        padding: 11px 18px;
        font-size: 12px;
    }
    .form-tittle h2 {
        font-size: 21px;
    }
    .footer-one label {
        font-size: 15px;
        padding: 0px 12px 6px;
    }
    .footer-one select.form-select {
        border-radius: 25px;
        height: 40px;
        font-size: 13px;
    }
    .my-form .form-control {
        width: 100%;
        font-size: 13px;
        height: 40px;
        margin: 19px 0px;
    }
    .my-form .btn-primary {
        width: 100%;
        height: 40px;
        font-size: 15px;
        padding: 0;
    }
    #line {
        position: relative;
        margin: 0 auto;
        display: table;
    }
    .order-option {
        margin: 0 auto;
        display: table;
        text-align: center;
    }
    #line:after {
        margin: 0px 0px;
        height: 158px;
        top: 10px;
        right: -9px;
    }
    .get-home {
        margin: 0 0 0 0px;
    }
    .inner {
        height: 690px;
        width: 100%;
    }
    .pricing-plans .pricing_plan--container .pricing_plan--inverter h2 {
        font-size: 15px;
        font-weight: 100;
    }
    .footer-content h4 {
        font-size: 14px;
    }
    .footer-content p {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-content {
        margin: 0 0 30px 60px;
    }
    .footer-services ul li a {
        color: #fff;
        font-size: 13px;
        line-height: 27px;
    }
    .footer-payment h3 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    .my-form {
        margin: 10% 0 0;
    }
    .footer-img img {
        margin: 0px 0 0;
    }
    .main_tabs button#pills-home-tab,
    .main_tabs button#pills-profile-tab,
    .main_tabs button#pills-contact-tab {
        padding: 10px 13px;
        font-size: 12px;
        border-radius: 60px;
        margin: 0 20px 0 0px;
        margin-bottom: 0px;
    }
    .pricing-plans sup.promo-original-price {
        top: 6px;
        left: 7px;
    }
    .api-price-styling .curr-major {
        font-size: 40px;
        font-weight: 800;
        margin: 20px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }
    .api-price-styling .curr-symbol {
        top: -10px;
        left: -5px;
    }
}