/* Responsive with media query */

/* xl */
@media (max-width: 1200px) {
    /* motiv-x section (slide one) */
    .top-section .right-col ul li a {
        font-size: 23px;
    }
    .top-section .company-name h1 {font-size: 49px;}
    /* websites page */
    .websites-page .top-section .company-name h1 {font-size: 43px;}
}

/*lg */
@media (max-width: 1024px) {
    /* motiv-x section (slide one) */
    .top-section .right-col ul li a {
        font-size: 19px;
    }
    .top-section .company-name h1 {font-size: 43px;}
    .service-box .box-title {font-size: 18px;}
    .services-section .section-title {font-size: 25px;}
}

/* md */
@media (max-width: 991px) {
    /* main menu size */
    .menu .menu-list li a {font-size: 20px;}

    /* Websites sections */
    .section-title {
        font-size: 20px;
    }
    .section-2 .description {font-size: 15px;}

    /* websites page */
    .websites-page .top-section .company-name h1 {font-size: 33px;}
    .features-section .feat p {width: 70%}
    .records-slider  .slide-title {font-size: 25px;}

    .google-map {height: 300px;}
    
}
/* sm */
@media (max-width: 768px) {
    .more-info {position: static;}
    /* main menu size */
    .menu .menu-list li a {font-size: 20px;}
    .menu {width: 63%; right: -63%;}

    /* motiv-x section (slide one) */
    .top-section .right-col ul li a {
        font-size: 17px;
    }

    /* websites page */
    .websites-page .top-section .company-name h1 {font-size: 24px;}
    .features-section .feat p {width: 100%}

    /* Start google page */
    .features-section h3 {font-size: 21px;}
    .before-portfolio .title{font-size: 20px;}
    .before-portfolio .text-box-wrap {width: auto}
    
    /* Start virtual page */
    .virtual3d-tabs li a {font-size: 16px;}
    
    /* copyright */
    .copyright {
        left: 50% !important;
        transform: translateX(-50%);        
        font-size: 14px;
    }

    
}
/* xs */
@media (max-width: 570px) {
    /* main menu size */
    .menu .menu-list li a {font-size: 16px;} 
    .menu {width: 86%;right: -86%;}   
    /* motiv-x section (slide one) */
    .top-section .right-col ul li a {font-size: 14px;}
    .top-section .company-name h1 {font-size: 35px;}
    /* websites page */
    .websites-page .top-section .company-name h1 {font-size: 19px;}

}

/* smart mobiles */
@media (max-width: 430px) {
    /* main menu size */
    .menu .menu-list li a {font-size: 14px;} 
    /* header */
    .main-header{height: 63px;}
    .main-header .logo {width: 120px;}    
    /* motiv-x section (slide one) */
    .top-section .right-col ul li a {font-size: 13px;}
    .top-section .company-name h1 {font-size: 28px;}
    /* Start contact */
    .email-number a{
        font-size: 13px;
    }
    .email-number i{
        font-size: 18px !important;
    }
    .email-number + div p {font-size: 14px;}
    .email-number + div i {font-size: 27px;}

    /* websites page */
    .websites-page .top-section .company-name h1 {font-size: 16px;}

}

/* Start screens sizes for responsive website breview*/
@media (max-width: 1160px) {
    .screens-display {
        width: 95%;
        height: 630px;
        transform: scale(0.81);
        -webkit-transform: scale(0.81);
        -o-transform: scale(0.81);
        -ms-transform: scale(0.81);
        -moz-transform: scale(0.81);
    }
  }
  
  @media (max-width: 1070px) {
    .screens-display {
        left: -100px;
    }
  }
  
  @media (max-width: 1000px) {
    .screens-display {
      height: 550px;
      transform: scale(0.71);
      -webkit-transform: scale(0.71);
      -o-transform: scale(0.71);
      -ms-transform: scale(0.71);
      -moz-transform: scale(0.71);
      top: -40px;
    }
  }
  
  @media (max-width: 850px) {
    .screens-display {
      height: 500px;
      transform: scale(0.65);
      -webkit-transform: scale(0.65);
      -o-transform: scale(0.65);
      -ms-transform: scale(0.65);
      -moz-transform: scale(0.65);
    }
  }
  
  @media (max-width: 768px) {
    .screens-display {
      height: 450px;
      transform: scale(0.55);
      -webkit-transform: scale(0.55);
      -o-transform: scale(0.55);
      -ms-transform: scale(0.55);
      -moz-transform: scale(0.55);
    }
  }
  
  @media (max-width: 670px) {
    .screens-display {
        height: 400px;
        left: -70px;
        transform: scale(0.45);
        -webkit-transform: scale(0.45);
        -o-transform: scale(0.45);
        -ms-transform: scale(0.45);
        -moz-transform: scale(0.45);
    }
  .designs-section .section-title {font-size: 27px;}
  }
  @media (max-width: 560px) {
    .screens-display {
        height: 270px;
        top: -65px;
        left: -100px;
        transform: scale(0.37);
        -webkit-transform: scale(0.37);
        -o-transform: scale(0.37);
        -ms-transform: scale(0.37);
        -moz-transform: scale(0.37);
    }
  }
  
  @media (max-width: 440px) {
    .screens-display {
        left: -17px;
        top: -65px;
        width: 70px;
        transform: scale(0.35);
        -webkit-transform: scale(0.35);
        -o-transform: scale(0.35);
        -ms-transform: scale(0.35);
        -moz-transform: scale(0.35);        
    }
    .screens {overflow: hidden;}
  }
  
  @media (max-width: 380px) {
    .screens-display {
        height: 235px;
        left: -17px;
        top: -65px;
        width: 70px;
        transform: scale(0.27);
        -webkit-transform: scale(0.27);
        -o-transform: scale(0.27);
        -ms-transform: scale(0.27);
        -moz-transform: scale(0.27);
    }
  }