@media only screen and (max-width:1199px) {
    .border-box-effect img {
        width: 374px;
        height: 248px
    }
    .new-old-cta h1 {
        font-size: 32px!important
    }
    .new-old-cta h3 {
        font-size: 36px!important
    }
    a.new-chat:before,
    a.new-phone:before {
        left: 40px!important
    }
    .new-old-cta ul li a {
        padding-left: 104px!important
    }
    .phone {
        font-size: 14px
    }
    #freedom .btn {
        padding-left: 0!important;
        padding-right: 0!important;
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .type-logos .button li a,
    .web-content .button li a {
        font-size: 16px!important
    }
    .sensation-list {
        height: 100%!important
    }
    #package #view-more-box a,
    #package .text-left a {
        width: 100%;
        margin-top: 12px;
        margin-bottom: 6px;
        font-size: 16px!important
    }
    .dropdown:focus .dropdown-menu,
    .dropdown:hover .dropdown-menu {
        display: block;
        position: relative;
        left: 0!important;
        right: 0;
        background-color: transparent;
        top: 0
    }
    li.nav-item:hover {
        background-color: var(--bg-color-green)
    }
    .dropdown-menu li a {
        color: #fff!important;
        padding-left: 40px!important;
        border-radius: 0!important
    }
    .dropdown-menu:before {
        border: 0!important
    }
    .dropdown-menu li {
        border: 0!important
    }
    #navbarSupportedContent ul li a {
        color: #fff;
        font-size: 20px;
        padding-left: 30px
    }
    #navbarSupportedContent .form-inline {
        margin-top: 0!important;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        border-top: 2px solid #fff;
        margin-bottom: 0!important
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999999999;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        padding-top: 60px;
        transition: .5s;
        display: block
    }
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 20px;
        color: #fff;
        display: block;
        transition: .3s
    }
    .sidenav a.btn {
        width: 80%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto
    }
    .form-inline p {
        text-align: center;
        width: 100%;
        padding: 0!important
    }
    .form-inline p a {
        padding: 0;
        margin-top: 1rem
    }
    .sidenav a:hover {
        color: #f1f1f1
    }
    .sidenav .closebtn {
        display: block!important;
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px
    }
    .creative-btn {
        display: block!important
    }
    .md-button-hide {
        display: none!important
    }
    .image-heading {
        width: 100%
    }
    .limited-image {
        width: 64%!important
    }
    .web-content ul {
        display: none
    }
    a.new-chat:before,
    a.new-phone:before {
        left: 46px!important
    }
    .purple-bg-image ul li p {
        padding-left: 38px!important
    }
    .border-box-effect img {
        width: 300px;
        height: 200px
    }
    .new-old-cta ul li a {
        padding-left: 72px!important
    }
    a.new-chat:before,
    a.new-phone:before {
        height: 42px;
        left: 40px!important
    }
    .new-old-cta h1 {
        font-size: 2.6vw!important
    }
    .new-old-cta h3 {
        font-size: 4vw!important
    }
    .purple-bg-image ul li:last-child p {
        padding-left: 102px!important
    }
}

@media screen and (max-height:450px) {
    .sidenav {
        padding-top: 15px
    }
    .sidenav a {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
	#promotionFormDiscounted .form-group {
		width: 100%;
    		margin-left: 0px !important;
    	}
	.logo-banner .pt-5{
		padding-top: 8px !important;
	}
    .logo-banner .pb-5{
        padding-bottom: 8px !important;
    }
    .limited-image {
        animation: none;
    }
    .new-lets-start h2 {
        animation: none;
    }
    .newlandingpageform .form-group {
        width: 100%;
        margin-left: 0px !important;
    }
    .new-we-offer {
        margin-bottom: 16px;
        width: 100%
    }
    #package .upper-package {
        margin-bottom: 20px!important
    }
    .md-button-hide {
        display: block!important
    }
    .md-button-hide a {
        margin-bottom: 16px
    }
    .limited-image {
        width: 82%!important
    }
    .web-content ul {
        display: block
    }
    .type-logos .button li:last-child a,
    .web-content .button li:last-child a {
        margin-left: 0;
        margin-top: 10px
    }
    .sensation-initialized .sensation-slide {
        padding-left: 0
    }
    .border-box-effect img {
        width: 242px;
        height: 158px
    }
    .new-cta ul li {
        display: block
    }
    .new-cta ul li a {
        display: block
    }
    .purple-bg-image ul li p {
        text-align: center
    }
    a.new-chat:before,
    a.new-phone:before {
        left: 30%!important
    }
    .new-cta ul li a.new-chat {
        margin-top: 10px!important
    }
    #call-new .lower-freedom ul li p {
        display: inline-block;
        margin: 0 auto;
        text-align: left;
        padding-left: 50px!important
    }
    .new-old-cta ul li p {
        display: inline-block;
        padding-left: 12%;
    }
    .new-old-cta ul li a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .image-heading-smm, .image-heading{
        margin-top: 0px !important;
    }
    .image-heading-video{
        width: 72% !important;
        margin-top: 16px !important;
    }
}

@media (max-width:575px) {
    a.btn,
    button.btn {
        font-size: 16px!important
    }
    .types-of-website ul.nav li {
        margin-bottom: 10px
    }
    .types-of-website ul.nav li a {
        font-size: 13px!important
    }
    .types-of-website ul.button {
        padding-right: 0!important;
        text-align: center
    }
    .web-content .button li:last-child a {
        margin-left: 0!important;
        margin-top: 10px
    }
    .combo .packgePrice {
        text-align: center
    }
    .new-cta ul li {
        display: block!important
    }
    .new-cta ul li a {
        margin-top: 0!important;
        width: 90%;
        margin: 0 auto
    }
    section#committed a {
        width: 90%;
        font-size: 14px
    }
    .contact-form button.btn {
        width: 90%;
        margin: 6px auto
    }
    .porfolio-slider-center a.btn {
        width: 90%;
        font-size: 14px
    }
    .clutch-img {
        display: none
    }
    #contact-box h1 {
        text-align: center
    }
    .cup-image,
    .digital-image {
        margin-top: 20px
    }
    .remove-mb-xs {
        margin-bottom: 24px!important
    }
    #promotionFormDiscounted .custom-btn {
        font-size: 14px
    }
    .logo-banner a.btn {
        font-size: 14px
    }
    .lower-awards .col-sm-6 hr {
        display: none
    }
    .lower-awards .col-sm-6 {
        margin-top: 10px
    }
    .lower-awards .col-sm-6 {
        border-bottom: 1px solid #d8d8d8
    }
    #portfolio #load-more {
        width: 100%
    }
    #portfolio .custom-btn {
        margin-top: 8px
    }
    .banner-right-image {
        margin-top: 0!important;
        padding-bottom: 18px
    }
    .logo-banner a {
        margin-bottom: 20px
    }
    .custom-left-responsive .left-image {
        width: 30%!important
    }
    .border-right-grey {
        border-right: 0!important
    }
    .border-bottom-grey {
        border-bottom: 0!important
    }
    .lower-technology .col {
        border: 1px solid #d8d8d8!important
    }
    .offer-price {
        text-align: right!important
    }
    ul#menu1 {
        width: 100%!important;
        background-color: transparent;
        border: 0
    }
    .navbar-nav a,
    ul#menu1 a {
        color: #fff!important
    }
    .navbar-nav a:hover,
    ul#menu1 a:hover {
        background-color: #e5e5e5!important;
        color: #000!important
    }
    .input-group {
        margin-bottom: 1rem!important
    }
    .contact-form .mt-2 {
        margin-top: 0!important
    }
    .left-image {
        width: 41%!important;
        float: left!important;
        padding-left: 10px;
        text-align: right!important
    }
    .right-box {
        width: 50%!important;
        float: left!important;
        text-align: left!important;
        margin-left: 4%
    }
    .right-box:nth-child(2) {
        margin-bottom: 2rem
    }
    .right-box {
        width: 50%!important;
        float: left!important;
        text-align: left!important;
        margin-left: 4%;
        margin-top: 6px!important;
        margin-bottom: 2rem
    }
    .lower-freedom .btn-purple {
        margin-top: 1rem
    }
    .owl-nav {
        display: none
    }
    .slider-lower-section {
        text-align: center
    }
    .slider-lower-section .text-right {
        text-align: center!important
    }
    .upper-freedom {
        text-align: center
    }
    .upper-package h1 {
        font-size: 36px!important;
        line-height: 42px!important
    }
    #pricing-carousel .owl-item {
        transition: none!important;
        padding: 15px
    }
    .price-lower .col-6 p {
        font-size: 20px
    }
    .laptop-frame {
        width: 100%!important
    }
    #profolio-carousel.owl-carousel .owl-item img {
        width: 70%!important;
        margin: 0 15% 0!important
    }
    #profolio-carousel .owl-item {
        height: 100%!important;
        margin-top: 41px!important;
        max-height: 244px;
        margin-bottom: 10px
    }
    .porfolio-slider-center {
        margin-top: 1rem!important
    }
    .porfolio-slider-center .text-right {
        text-align: center!important
    }
    .porfolio-slider-center .text-left {
        text-align: center!important
    }
    .check-label {
        display: none
    }
    .dynamic-process {
        text-align: center
    }
    .dynamic-process h6 {
        margin-top: 1rem
    }
    .dynamic-process:first-child {
        margin-top: 0!important
    }
    #committed .text-left,
    #committed .text-right {
        text-align: center!important;
        margin-bottom: 1rem
    }
    #testimonial-carousel .text-right {
        display: none!important
    }
    #testimonial-carousel.owl-carousel .owl-item img {
        width: 62%!important;
        margin: 0 auto!important
    }
    .client-owner,
    .testimonial-text {
        padding: 0 2rem
    }
    .progressbar-text {
        top: 40%!important;
        font-size: 2.8rem!important;
        left: 53%!important
    }
    .ach-border {
        padding: 1rem!important
    }
    #contact {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .contact-form.mt-5 {
        margin-top: 1rem!important
    }
    .black-border-right {
        border-right: none!important;
        margin-bottom: 1rem!important
    }
    .footer-upper {
        text-align: center!important
    }
    #footer .input-group {
        width: 100%;
        margin: 0 auto;
        display: block
    }
    #NewsLetterForm button {
        width: 100%
    }
    .sensation-track {
        width: 100%!important
    }
    .border-box-effect img {
        width: 174px;
        height: 129px
    }
    .footer-middle .col-6:first-child {
        padding-left: 3rem!important
    }
    .footer-middle .col-md:nth-child(2),
    .footer-middle .col-md:nth-child(4) {
        border-right: 0!important
    }
    .footer-middle .col-12 {
        margin-top: 2rem;
        width: 80%;
        margin: 0 auto
    }
    .upper-freedom .col-md-8 .pr-5 {
        padding-right: 1rem!important
    }
    .value-text {
        font-size: 18px;
        text-align: center
    }
    .service-box {
        margin-bottom: 30px
    }
    #contact-box a.btn {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 90%
    }
    .about-detail-page {
        margin-bottom: 0!important
    }
    .upper-freedom .col-md-8 .pl-5 {
        padding-left: 1rem!important
    }
    .laptop-frame img {
        max-height: 430px
    }
    #lets-start input {
        margin-bottom: 14px
    }
    .right-box p {
        font-size: 18px!important;
        line-height: 23px!important
    }
    .contact-form .border-btn,
    .contact-form .start-btn {
        margin-bottom: 1rem
    }
    .portwrapper {
        margin-top: 1rem
    }
    #call {
        text-align: center
    }
    .limited-image {
        width: 80%!important;
        top: -60px;
    }
    .logo-banner {
        padding-bottom: 1rem;
    }
    .new-exclusive-offer .logo-banner {
        padding-bottom: 1rem;
    }
    .new-lets-start h2 {
        font-size: 5vw;
        top: -11vw;
    }
    .image-heading {
        width: 90%
    }
    .footer-middle {
        text-align: center
    }
    .footer-middle .pl-5 {
        padding-left: 15px!important
    }
    #freedom .upper-freedom h1 {
        font-size: 30px;
        margin-bottom: 12px
    }
    #freedom .upper-freedom p {
        font-size: 16px;
        padding: 0!important;
        padding-top: 22px!important
    }
    #freedom .upper-freedom {
        padding-bottom: 0!important
    }
    #portfolio {
        margin-top: 1.4rem!important;
        padding: 0!important
    }
    .upper-package h1 {
        font-size: 30px!important
    }
    .footer-lower {
        padding-top: 1rem!important
    }
    .footer-middle {
        padding-bottom: 1rem!important
    }
    #freedom .lower-freedom>div {
        margin-top: 24px
    }
    #technologies {
        padding-top: 20px!important
    }
    #committed {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
    .dynamic-process p {
        margin-bottom: 0!important
    }
    #portfolio .upper-package {
        margin-bottom: 0!important
    }
}

@media (min-width:576px) and (max-width:768px) {
    .or-li {
        display: none!important
    }
    .new-cta ul li a {
        padding: 10px 44px
    }
    a.btn,
    button.btn {
        font-size: 14px
    }
    .types-of-website ul.nav li {
        margin-bottom: 10px
    }
    .lower-awards .col-sm-6 hr {
        display: none
    }
    .lower-awards .col-sm-6 {
        border: 1px solid #d8d8d8!important
    }
    .box {
        height: auto
    }
    .banner-right-image {
        margin-top: 0!important;
        padding-bottom: 30px
    }
    .logo-banner a {
        margin-bottom: 20px
    }
    .web_design .isotope-item {
        height: 340px!important
    }
    .border-right-grey {
        border-right: 0!important
    }
    .border-bottom-grey {
        border-bottom: 0!important
    }
    .lower-technology .col {
        border-bottom: 1px solid #d8d8d8!important;
        border-right: 1px solid #d8d8d8!important
    }
    .lower-technology .col:nth-child(3),
    .lower-technology .col:nth-child(6),
    .lower-technology .col:nth-child(9) {
        border-right: 0!important
    }
    .lower-technology .col:last-child {
        border-bottom: 0!important;
        border-right: 0!important
    }
    .input-group {
        margin-bottom: 1rem!important
    }
    .contact-form .mt-2 {
        margin-top: 0!important
    }
    .right-box {
        width: 50%!important;
        float: left!important;
        text-align: left!important;
        margin-left: 4%;
        margin-top: 6px!important;
        margin-bottom: 2rem
    }
    .lower-freedom .btn-purple {
        margin-top: 1rem
    }
    .slider-lower-section {
        text-align: center
    }
    .slider-lower-section .text-right {
        text-align: center!important
    }
    .upper-freedom {
        text-align: center
    }
    .upper-package h1 {
        font-size: 36px!important;
        line-height: 42px!important
    }
    #pricing-carousel .owl-item {
        transform: scale(.9)!important;
        transition: none!important
    }
    .price-lower .col-6 p {
        font-size: 20px
    }
    .laptop-frame {
        width: 100%!important
    }
    #profolio-carousel.owl-carousel .owl-item img {
        width: 70%!important;
        margin: 0 15% 0!important
    }
    #profolio-carousel .owl-item {
        height: 100%!important;
        margin-top: 43px!important;
        max-height: 270px;
        margin-bottom: 20px!important
    }
    .porfolio-slider-center {
        margin-top: 1rem!important
    }
    .porfolio-slider-center .text-right {
        text-align: center!important;
        margin-bottom: 1rem
    }
    .check-label {
        display: none
    }
    .dynamic-process {
        text-align: center
    }
    .dynamic-process h6 {
        margin-top: 1rem
    }
    .dynamic-process:first-child {
        margin-top: 3rem!important
    }
    #committed .text-left,
    #committed .text-right {
        text-align: center!important;
        margin-bottom: 1rem
    }
    #testimonial-carousel .text-right {
        display: none!important
    }
    #testimonial-carousel.owl-carousel .owl-item img {
        width: 62%!important;
        margin: 0 auto!important
    }
    .client-owner,
    .testimonial-text {
        padding: 0 2rem
    }
    .progressbar-text {
        top: 39%!important;
        font-size: 2.8rem!important;
        left: 53%!important
    }
    .left-image img {
        width: 100%!important
    }
    .ach-border {
        padding: 1rem!important
    }
    #contact {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .contact-form.mt-5 {
        margin-top: 1rem!important
    }
    .black-border-right {
        border-right: none!important;
        margin-bottom: 1rem!important
    }
    .footer-upper {
        text-align: center!important
    }
    #footer .input-group {
        width: 100%;
        margin: 0 auto;
        display: contents
    }
    .footer-middle .col-6:first-child {
        padding-left: 3rem!important
    }
    .footer-middle .col-md:nth-child(2),
    .footer-middle .col-md:nth-child(4) {
        border-right: 0!important
    }
    .footer-middle .col-12 {
        margin-top: 2rem;
        width: 80%;
        margin: 0 auto;
        padding-left: 10%!important
    }
    .upper-freedom .col-md-8 .pr-5 {
        padding-right: 1rem!important
    }
    .upper-freedom .col-md-8 .pl-5 {
        padding-left: 1rem!important
    }
    .laptop-frame img {
        max-height: 464px
    }
    #lets-start input {
        margin-bottom: 14px
    }
    .right-box p {
        font-size: 13px!important;
        line-height: 23px!important
    }
    #NewsLetterForm button {
        padding: 7.1px 11px
    }
    .upper-contact .border-right-grey:nth-child(2) {
        border-right: 0!important
    }
}

@media only screen and (max-width:766px) {
    .portfolio-right {
        display: none
    }
    .portfolio-left {
        display: none
    }
}

@media only screen and (max-width:450px) {
    #profolio-carousel .owl-item {
        margin-top: 36px!important;
        max-height: 180px
    }
    .progressbar-text {
        top: 34%!important;
        font-size: 2.8rem!important;
        left: 53%!important
    }
}

@media only screen and (max-width:414px) {
    a.new-chat:before,
    a.new-phone:before {
        left: 20%!important
    }
    #call-new .lower-freedom ul li p {
        padding-left: 20%!important
    }
}

@media only screen and (max-width:330px) {
    #profolio-carousel .owl-item {
        max-height: 160px
    }
}

@media only screen and (max-width:360px) {
    .right-box p {
        font-size: 10px!important;
        line-height: 23px!important
    }
    .footer-middle h5 {
        font-size: 13px
    }
    .footer-middle ul li {
        color: #ababab;
        font-size: 10px;
        line-height: 25px
    }
    .button-group-home.filters-button-group button {
        padding: 8px 4px!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .new-cta ul li {
        width: 42%
    }
    .new-cta ul li a {
        width: 100%
    }
    .or-li {
        width: auto!important
    }
    .type-logos .button li:last-child a {
        margin-left: 0!important;
        margin-top: 8px
    }
    .type-logos .button {
        margin-top: 4rem
    }
    .types-of-website ul.nav li {
        margin-bottom: 10px
    }
    .web_design .isotope-item {
        height: 360px!important
    }
    .banner-right-image {
        margin-top: 0!important
    }
    .banner-right-image img {
        width: 100%
    }
    .border-right-grey {
        border-right: 0!important
    }
    .border-bottom-grey {
        border-bottom: 0!important
    }
    .lower-technology .col {
        border-bottom: 1px solid #d8d8d8!important;
        border-right: 1px solid #d8d8d8!important
    }
    .lower-technology .col:nth-child(5),
    .lower-technology .col:nth-child(9) {
        border-right: 0!important
    }
    .lower-technology .col:last-child {
        border-bottom: 0!important;
        border-right: 0!important
    }
    .lower-awards .col-sm-6 hr {
        display: none
    }
    .lower-awards .col-sm-6 {
        border: 1px solid #d8d8d8!important
    }
    .slider-lower-section h4 {
        font-size: 1.4rem!important
    }
    .slider-lower-section .row .mt-4 {
        margin-top: 0!important
    }
    .slider-lower-section .row .pr-4 {
        padding-right: 0!important
    }
    #freedom .upper-freedom p {
        padding-right: 0!important;
        padding-left: 0!important
    }
    #freedom .upper-freedom p {
        font-size: 15px!important
    }
    #freedom .upper-freedom h1 {
        font-size: 2rem!important
    }
    .left-image img {
        width: 100%!important
    }
    .lower-freedom .btn-purple {
        padding-left: 0!important;
        padding-right: 0!important;
        margin-top: 0!important
    }
    .right-box p {
        font-size: 11px!important;
        line-height: 22px!important
    }
    .border-btn {
        font-size: 12px
    }
    .right-box {
        width: 62%!important
    }
    .lets-btn {
        font-size: 15px!important;
        padding: 1rem 2rem!important
    }
    .upper-package h1 {
        font-size: 44px!important;
        line-height: 46px!important
    }
    #profolio-carousel .owl-item {
        height: 100%!important;
        margin-top: 40px!important;
        max-height: 250px
    }
    .laptop-frame {
        width: 59vw!important
    }
    #testimonial-carousel .offset-md-1.col-md-4 img {
        margin-top: 5rem!important
    }
    .progressbar-text {
        top: 34%!important;
        left: 52%!important
    }
    .contact-image {
        text-align: center;
        margin-top: 3rem
    }
    .contact-image img {
        width: 70%;
        margin: 0 auto;
        text-align: center
    }
    #lets-start input {
        margin-bottom: 10px
    }
    .lower-committed .col-md-5 img {
        margin-top: 8rem
    }
    #footer .input-group {
        width: 100%!important
    }
    .banner-right-image img {
        margin-top: 6rem!important
    }
    .logo-banner h1 {
        font-size: 1.6rem!important
    }
    .logo-banner .border-btn {
        font-size: 12px!important;
        padding-left: 22px;
        padding-right: 22px
    }
    #pricing-carousel .owl-item {
        transform: scale(.9)!important;
        transition: none!important
    }
    .laptop-frame img {
        max-height: 464px
    }
    #header .start-btn {
        width: 100%;
        font-size: 12px!important;
        padding: 1rem 1.8rem!important;
        display: block;
        text-align: center
    }
    #profolio-carousel.owl-carousel .owl-item img {
        margin: 0 36px 0!important;
        width: 84%!important
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .types-of-website ul.nav li {
        padding-left: 6px!important;
        padding-right: 6px!important
    }
    .types-of-website ul.nav li a {
        font-size: 12px!important
    }
    #header .start-btn {
        width: 100%;
        font-size: 14px!important;
        padding: 1rem 1.8rem!important;
        display: block;
        text-align: center;
        margin-top: 12px
    }
    #header .border-btn {
        padding: 8px 22px!important;
        font-size: 14px!important
    }
    #freedom .upper-freedom h1 {
        font-size: 2.6rem!important
    }
    #profolio-carousel .owl-item {
        height: 100%!important;
        margin-top: 37px!important;
        max-height: 190px!important
    }
    .lower-committed .col-md-5 img {
        margin-top: 4rem
    }
    #profolio-carousel.owl-carousel .owl-item img {
        margin: 0 8% 0!important;
        width: 84%!important
    }
    #testimonial-carousel .offset-md-1.col-md-4 img {
        margin-top: 2rem!important
    }
    .progressbar-text {
        left: 52%!important;
        top: 31%!important
    }
    #header nav .border-btn {
        padding: 6px 18px!important;
        font-size: 14px!important
    }
    .laptop-frame img {
        max-height: 316px
    }
    .limited-image {
        width: 46%
    }
}

@media (min-width:1201px) and (max-width:1400px) {
    .progressbar-text {
        left: 51%!important;
        top: 33%!important
    }
    #profolio-carousel .owl-item {
        max-height: 216px!important;
        margin-top: 40px!important;
        height: 100%!important
    }
    #profolio-carousel.owl-carousel .owl-item img {
        width: 83%!important;
        margin: 0 34px 0!important
    }
}

@media only screen and (min-width:1024px) {
    .right-box p {
        font-size: 15px!important
    }
    @media only screen and (min-width:980px) {
        #footer h6 {
            font-size: 16px!important
        }
        #footer .input-group {
            width: 83%!important
        }
        .border-btn {
            padding: 13px 2rem
        }
    }
    @media (min-width:1401px) and (max-width:1500px) {
        #profolio-carousel .owl-item {
            height: 100%!important;
            margin-top: 42px!important;
            max-height: 250px!important
        }
        #profolio-carousel.owl-carousel .owl-item img {
            width: 86%!important;
            margin: 0 34px 0!important
        }
        .laptop-frame img {
            max-height: 600px
        }
    }
    @media only screen and (min-width:1500px) {
        #profolio-carousel.owl-carousel .owl-item img {
            margin: 0 46px 0!important
        }
        #profolio-carousel .owl-item {
            max-height: 274px!important;
            margin-top: 44px!important;
            height: 100%!important
        }
        .progressbar-text {
            top: 32%!important
        }
    }
    @media only screen and (min-width:1600px) {
        #profolio-carousel.owl-carousel .owl-item img {
            margin: 0 56px 0!important
        }
        #profolio-carousel .owl-item {
            max-height: 311px!important;
            margin-top: 44px!important;
            height: 100%!important
        }
        .progressbar-text {
            top: 32%!important
        }
        #profolio-carousel .owl-item {
            max-height: 332px!important;
            margin-top: 40px!important;
            height: 100%!important
        }
        .beautiful-container {
            margin-top: 6rem!important
        }
    }
}

@media only screen and (max-width:540px) {
    .landing-form-upper-contact li:first-child {
        position: absolute;
        left: 0px;
        width: 49%;
    }
    .landing-form-upper-contact li:first-child a {
        border: 2px solid white;
        border-left: 0;
        padding: 12px 0px;
        width: 100%;
        display: inline-block;
        margin-top: 0px;
        font-weight: 600;
    }
    .landing-form-upper-contact li:last-child {
        position: absolute;
        right: -15px;
        width: 49%;
    }
    .landing-form-upper-contact li:last-child a {
        border: 2px solid white;
        border-right: 0;
        padding: 13px 0px !important;
        width: 100%;
        display: inline-block;
        border-radius: 0px;
    }
    .landing-form-upper-contact li:first-child p {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .new-landing-banner {
        margin-top: 3rem;
    }
    .new-exclusive-offer .container:first-child {
        padding: 0;
    }
    .new-exclusive-offer nav {
        width: 100%;
        padding-right: 0px;
        margin-right: 0px;
        display: inline-block;
    }
    .new-landing-banner .left-exclusive-banner {
        padding-bottom: 1rem !important;
    }
    .simple-text h1 {
        font-size: 30px;
    }
    #call-new h3 {
        font-size: 18px;
    }
    #package .upper-package {
        margin-bottom: 0px !important;
    }
    .lower-package {
        margin-top: 1rem !important;
    }
    .portwrapper {
        margin-top: 12px !important;
    }
}