html{font-size:100%}
html *{transition: .5s all}
@media only screen and (max-width:1400px) and (min-width:1020px){

html{font-size:85%}
   
.container {width:90%;}
 

   
}

@media only screen and (max-width: 980px) and (min-width: 320px) {

html{font-size:90%}
   
 .btn-cht {
    display: none;
}

header .row {
    justify-content: center;
}

header {
    text-align: center;
}

br {
    display: none;
}

.copy {
    text-align: center;
    font-size: 14px;
    padding: 14px 0;
}

.copy ul {
    justify-content: center;
}

.copy ul li {
    margin-left: 10px;
}

.popupform {
    width: 90%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7833fe+0,1e0254+100 */
    background: linear-gradient(to bottom,  rgba(120,51,254,1) 0%,rgba(30,2,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 25px;
    border: 5px solid #fff;
}
 
section.main-banner .info-banner h1 {
    font-size: 2rem;
    line-height: normal;
    padding-right: 0;
}

section.main-banner .info-banner h1 span {
    line-height: inherit;
}

.info-banner {
    text-align: center;
}

img.mtleft {
    display: none;
}

img.mright {
    display: none;
}

.info-banner p {
    width: 100%;
    margin: 20px 0;
}

img.web-screen {
    display: none;
}

section.main-banner {
    padding: 30px 0;
}

.comp-logo img {
    width: 19%;
}

section.comp {
    padding: 20px 0;
}

img.shape-1 {
    display: none;
}

section {
    padding: 40px 0;
}

img.abt-left {
    display: none;
}

.abt-sec .container:before {
    display: none;
}

section.abt-sec {
    text-align: center;
}

.info-abt h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.info-abt .heading p {
    margin-top: 10px;
    font-size: 1rem;
    line-height: normal;
}

.heading {
    margin-bottom: 20px;
}

.info-abt .btn-block {
    margin: 0 0;
}

.logo-banner img {
    max-width: 80px;
}     
 
.btn {
    padding: 8px 20px;
}

.btn img {
    max-width: 20px;
}

img.cta-shp {
    display: none;
}

.cta-sec .col-md-5 {
    display: none;
}

section.cta-sec {
    padding: 40px 0;
    text-align: center;
}

section.cta-sec h2 {
    font-size: 1.8rem;
}

section.cta-sec h4 {
    font-size: 1rem;
}

.cta-sec .btn-block {
    position: static;
}

.cta-price {
    display: table;
    padding: 4px 20px;
    margin: 0 auto 20px;
}

.cta-price h3 {
    font-size: 1.5rem;
}

.cta-price h3 span {
    font-size: 1.1rem;
}

img.projects , img.por-ico0 , img.por-ico1 , img.por-ico2 {display: none;}

img.por-ico1 {}

.heading h2 {
    font-size: 1.8rem;
}

.green-bx .col-md-6 {
    width: 33%;
    padding: 0 5px;
}

.green-bx {
    margin-top: 0 !important;
    margin-right: 10px;
    margin-left: 10px;
}

.heading.text-center {
    margin-bottom: 20px;
}

.oport-item {
    margin-top: 10px;
    border-radius: 10px;
}

.btn-block.text-center {
    margin-top: 30px;
}    

img.we-create-tbhumb {display: none;}

section.our-idea:before {
    width: 100%;
    border-radius: 0;
}

.our-idea .heading {margin-bottom: 10px;}

.tab-content {
    left: 0;
}

ul.tab-uls li a {
    font-size: 1.2rem;
}

ul.tab-uls li {
    margin-bottom: 10px;
    margin-right: 10px;
}

ul.tab-uls {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-bottom: 10px;
}

.our-idea .heading {
    text-align: center;
}   

section.our-idea {
    padding-bottom: 40px;
}  
 
img.development {
    display: none;
}

section.our-genre {
    text-align: center;
}

.og-head h2 {
    font-size: 1.2rem;
}

.og-head {
    margin-bottom: 10px;
}

img.rect-shape {
    display: none;
}

.og-item {
    width: 48%;
}

.og-item-block {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.og-item:last-child {
    margin-top: 0;
}

.our-genre .row {
    justify-content: center;
}

.og-item p {
    margin: 0;
}

.og-item h4 {
    line-height: 2rem;
    font-size: 2rem;
}    
 
img.cta-sticker {
    display: none;
}

.info-cta h2 {
    padding: 30px;
    text-align: center;
    font-size: 1.2rem;
}

img.cta-left-img {display: none;}

img.cta-right-img {display: none;}

.info-price {
    position: static;
    transform: scale(0.6);
    margin-bottom: -40px;
    margin-top: -40px;
}

section.cta-blue:after {
    display: none;
}
  
img.price-arrow {display: none;}    
 
img.oc-shape {display: none;}

.our-contact .heading h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.our-contact .heading.wh {
    text-align: center;  
}

.our-contact .heading.wh p {
    font-size: 1.1rem;
}

.our-contact .row [class*="col-"] {
    width: 100%;
}

.validate-footer .form-control {height: 46px;}

.validate-footer textarea.form-control {height: 90px;}     
 
section.testimonial {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    border-radius: 0;
}

.heading p {font-size: 1.1rem;}

.testimonial .heading {
    width: 100%;
}

section.testimonial:after {
    right: 0;
}

.owl-testimonial .owl-item .item p {
    min-height: auto;
    font-size: 1.1rem;
}

.owl-testimonial {
    background-position: center top;
}

.owl-testimonial .owl-item .item img.star {
    display: none;
}     
 
footer {
}

.footer-pu {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

img.ftr-right-ico {
    display: none; 
}

img.ftr-left-ico {
    display: none;
}

.footer-pu h3 {  
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.footer-pu a {
    font-size: 1.1rem;
}

.footer-pu img {
    max-height: 20px;
}

.footer-up {
    padding-top: 40px;
    padding-bottom: 40px;
}    

.popupform h3 {
    display: none;
}

.popup-content {
    top: 0;
    left: 0;    
    max-width: 100%;
}

.popupform img.avail-ico {
    max-width: 70px;
    left: -50px;
    right: 0;
    transform: rotate(-45deg); 
    top: -60px;  
}

.popupform h2 {
    font-size: 1.3rem;
    line-height: 1.6rem;
}

.popupform .fancybox-close-small {
    top: -20px;
    right: -20px;
}

.popupform br {
    display: none;
}   
 
img.price-ico {
    max-width: 120px;
    top: 100px;
    right: 0;
    display: none;
}

section.main-banner .info-banner ul {
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

section.main-banner .info-banner ul li {
    font-size: 12px;
    text-align: left;
    width: auto;
    margin: 4px 10px;
}

.copy p , .copy ul li a {
    font-size: 12px;
}

section.packages [class^="col-md-4"]>div .pricebox h3 {
    font-size: 3rem;
}

section.main-banner .info-banner h4 {
    font-size: 1rem;
}

.logo-banner {
    margin-top: 30px;
}

section.packages p {
    line-height: normal;
}

section.packages  h2 +p {
    display: none;
}

section.packages .heading {
    margin-bottom: 0;
}     
 .actions {
    display: flex;
    align-items: normal;
    flex-flow: wrap;
    display: flex;
    justify-content: center;
}

.actions .col-md-6 {
    width: 48%;
}  
}