@media screen and (max-width:767px) {
    img {max-width: 100%;}
    
    .btn_2 {padding: 20px 30px; font-size: 17px;}
    .slider1 h1 {font-size: 45px;}
    .scroll-downs {display: none;}
   
    .visible-xs-block {display: inline;}
   
    .choose-us-box-icon {width: 60px;height: 60px;line-height: 80px;}
    .choose-us-box-icon i:before {font-size: 29px;}
    a.toggle-menu {right: -4px; padding: 7px 7px 14px 10px;transform: rotate(90deg);line-height: 30px;background: #181d81;}
    .main_nav.sticky {position: relative;}
    
    .banner-con { padding: 0 0 100px 0; }
    .slider-heading { 	font-size: 18px;	font-family: 'Barlow', sans-serif;	line-height: normal;	text-align: left; }
    .testim .cont div p { 	font-size: 16px!important;	padding-right: 1rem;	width: 100%;	text-align: left; }
    .about-us { 	width: 90%;}
    .about-section-heading h2 { 	font-size: 21px; margin-top: 15px; }
   
    .about-section-area { 	padding-top: 15px;}
    .about-bg { padding: 15px 0 50px 0; }
   .about-section-heading { 	margin-bottom: 5px; }
    .about-us .about-us-content p:last-of-type { 	font-size: 18px;	line-height: 28px;	margin-bottom: 15px;}
    .service { 	width: 90%;	height: auto;	margin: 0 auto;  padding-top: 70px; }
    .our-service { 	background: #f3f9fb; 	padding: 50px 0; margin-top: 50px; }
    .technology-sec { 	width: 90%;		margin: 0 5% 250px 5%; }
    .technology { 	padding: 0; }
   .payment-sec-con { 	padding: 50px 0%; top: -300px; } 
.payment-sec {  	height: 1500px;	margin: 150px auto;	background: #D9F7FA;	clear: both;}

    .why-us ul li { 	width: 100%; 	margin-left: 0%;	margin-right: 0%;	margin-bottom: 30px; }
    .why-us ul li div { 	width: 100%;	justify-content: center; }
    .why-us ul li figure { 	float: left;	justify-content: center;	width: 200px;	max-width: 70%;	overflow: hidden;	background-color: #D9F7FA;	border-top-left-radius: 0.5em;	border-bottom-left-radius: 0.5em;	border-radius: 50%;	margin-left: 15%;	height: 200px;
	text-align: center;	padding-top: 20px;	margin-top: 20px; }
    .contact { 	width: 90%;	height: auto;	margin: 74% 5% 0px 5%;	padding-top: 0;	float: left; }
    .contact-con { 	padding: 50px 0px 0 0px;}
    .p_left5 { 	padding-left: 15px;}
    .p_right5 { padding-right: 15px; }
    .footer-curv {min-height: 769px; }
    .card-text {  	margin-top: 15px;	font-size: 18px; }
    .copy {  display:none;  }
.copy-mobile {  display:block; }
    
    a.toggle-menu { 	right: 6px;	top: -10px;	border-radius: 10px 0 0 0; }
    .owl-nav { 	display: block !important;  }
    .owl-carousel .owl-dot, .owl-carousel .owl-nav  .owl-carousel .owl-nav  { display: none;}
    .store-cloud-help h2 { 	font-size: 28px; }
    .store-cloud-help p { 	font-size: 16px; }
    .store-cloud-solution-button { 	padding: 10px 15px;	font-size: 14px; }
    h2 { 	font-size: 28px; }
	 .contact-con p { 	font-size: 16px; }
    .footer-address { font-size: 16px; }
   ul.footer-link li { font-size: 16px; }
    .store-cloud-solution-team { margin-bottom: 15px; }
    .m_top40 { 	margin-top: 0px !important; }
    .store-cloud-solution-team { 	width: 290px;	min-height: 380px; margin: 30px auto 15px auto; }
    .about-section-heading h2 span { 		display: block; }

}

@media only screen and (min-width :768px) and (max-width :999px){
    img {max-width: 100%;}
    
}
@media only screen and (min-width :1024px) and (max-width :1200px){
    img {max-width: 100%;}
    .exo-menu > li > a { 	padding: 20px 12px; }
    .exo-menu > li > a { 	font-size: 14px;	font-weight: 400; }
    .payment-sec-con { 	padding: 50px 3%; }
    .our-service { 	padding: 50px 3%;  }
    .person h3 { 	font-size: 13px; 	font-weight: 400; }
    .slider-heading { 	font-size: 24px; }
    .testim .cont div p { 	font-size: 20px; }
    .about-us .about-us-content p:last-of-type { 	font-size: 14px; }
    .about-section-heading h2 { 	font-size: 22px; }
    .technology { 	padding: 50px 0%; }
    .contact-con { 	padding: 50px 0%;}
    ul.skill li:hover { 	font-size: 16px; }
    .store-cloud-help h2 { 	font-size: 24px; }
    .store-cloud-help p { 	font-size: 16px;} 
    p {  	font-size: 16px; }
     h2 { 	font-size: 24px; }
    .store-cloud-solution-button { 	padding:5px 10px;	font-size: 16px; }
    .store-cloud-solution-team { 	width: 250px; }
    .contact-con p { font-size: 16px; line-height: 24px; }
    p.footer-address { font-size: 13px; }
    ul.footer-link li {	font-size: 14px; }
    .footer-content h3 { 	font-size: 14px; }
    .store-cloud-solution-team .box h2 { 	font-size: 18px;}
    .card-title { 	font-size: 18px; }
}

@media only screen and (min-width:767px) {
.home-section-1 {
        padding: 80px 0
    }
    .home-section-1 .acodie-cnt h5 {
        font-size: 24px;
        line-height: 50px
    }
.home-services {
        margin-top: 30px
    }
    .home-services .col-3 {
        width: 25%
    }
    .home-services .box {
        width: 100%;
        background-size: cover;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }
    .home-services .box h4 {
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }
    .home-services .box .icon {
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }
    .home-services .box:hover .icon {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    .home-services .b-3 {
        background-size: cover;
        background-position: 0
    }
    .home-services .b-3:before {
        padding-top: 200%
    }
    .home-services .b-1 .service-expand {
        top: auto;
        right: auto;
        left: 0;
        bottom: 0
    }
    .home-services .b-3 .service-expand:hover {
        height: 100%
    }
    .home-services .b-3 .service-expand:hover.open {
        height: 100%;
        width: 200%
    }
    .home-services .b-7 .service-expand {
        top: auto;
        right: 0;
        bottom: 0
    }
    .home-services .b-6 .service-expand {
        top: 0;
        right: 0;
        left: auto;
        bottom: auto
    }
    .home-services .b-2 .service-expand {
        left: auto;
        right: 0;
        bottom: auto;
        top: 0
    }
    .service-expand:hover {
        width: 200%;
        height: 200%;
        padding: 20px;
        z-index: 99
    }
    .service-expand:hover .service-tilte {
        position: relative;
        top: auto;
        text-align: left;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        margin-bottom: 5px
    }
    .service-expand:hover .icon {
        margin: 0;
        float: left;
        -webkit-transform: translateY(0px)!important;
        -ms-transform: translateY(0px)!important;
        transform: translateY(0px)!important
    }
    .service-expand:hover h4 {
        float: left;
        margin-left: 15px;
        padding-top: 15px
    }
    .service-expand:hover .more-cnt {
        display: block;
        width: 100%;
        overflow: visible
    }
    .desk-menu {
        display: block
    }
    .desk-menu .btn-1 {
        float: right
    }
    .desk-menu .btn-1 span {
        display: none
    }
    .service-detail {
        width: 0;
        left: 15px;
        top: 30px;
        position: absolute
    }
    .service-detail.open {
        height: calc(100% - 60px);
        width: 50%
    }
    .service-detail.open .box-outer {
        padding: 60px
    }
    .service-detail:before {
        display: none
    }
    .home-works .work-content {
        width: 430px;
        position: absolute;
        top: 285px;
        z-index: 99;
        padding: 50px 34px;
        margin: 0;
        -webkit-box-shadow: 0px 30px 62px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 30px 62px 0px rgba(0, 0, 0, 0.15)
    }
}

@media only screen and (min-width:1024px) {
    
    .home-section-1 .container {
        overflow: visible;
        margin-bottom: 73px
    }
    .home-section-1 .container.acodez-won {
        margin-bottom: 35px
    }
    .home-section-1 .container.aco-clients {
        margin-bottom: 0
    }
    .service-expand:hover {
        padding: 60px
    }
    .service-expand.open {
        padding: 60px
    }
    .service-expand h5 {
        font-size: 25px;
        margin: 25px 0 20px 0
    }
    .service-expand:hover h4 {
        font-size: 30px
    }
    .home-services h4 {
        font-size: 24px
    }
}

@media only screen and (min-width:1500px) {
    
    .team-sec::after { 	height: 27.5em; }
   .payment-sec::before { 	top: -14em;  height: 15.5em;} 
       .payment-sec::after { 	bottom: -14em; height: 15em; } 
   .footer-curv::before { 	height: 18.5em;	top: -14em; }
    
}
@media only screen and (min-width:1800px) {
    
    
    .team { 	width: 84%;	margin: 0 8%; }     
.banner-con:after {    -webkit-transform: skewY(3.25deg);    transform: skewY(3.25deg); }
  
   .payment-sec::before { top: -16em;  height: 16.5em;  } 
     .payment-sec::after { bottom: -15em;  height: 15.5em;  } 
}