/*

Theme Name: Oracle Wordpress Theme Framework

Theme URI: http://wordpress.org/themes/twentythirteen

Author: Marcel Badua

Author URI: http://marcelbadua.com/

Description: Oracle Wordpress Theme Framework utilizes the use of bower and gulp. to be used for bootstrap and it's powerful LESS files

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: bootstrap, LESS, bower, gulp

Text Domain: oracle



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

@media ( max-width: 1440px ) {
	.page-id-4 .left-caption {
	  width: 40%;
	  top: 33%;
  }
  .page-id-10 .left-caption {
    width: 36%;
    top: 33%;
  }
  .left-caption p {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
@media ( max-width: 1280px ) {
  .page-id-4 .left-caption {
    width: 30%;
  }
  .page-id-10 .left-caption {
    width: 29%;
  }
}
@media (max-width: 1200px) {
  .page-id-4 .left-caption {
    width: 25%;
  }
  .page-id-10  .left-caption {
    width: 26%;
  }
  .wrapper-offer {

    height: 300px;

  }

}
@media ( max-width: 1024px ) {
  .page-header {
    background-position: center;
  }
  .page-id-4 .left-caption {
    width: 36%;
  }
  .page-id-4 .left-caption {
    width: 36%;
  }
  .page-id-4 .left-caption {
    width: 35%;
}
}

@media (max-width: 991px) {
  .page-id-10  .left-caption {
    width: 32%;
  }
  .about-s-title {
    width: 100%;
    text-align: center;
}
  .offers .offer {

    text-align: center;

  }

}



@media (max-width: 812px) {

  .listServices {

      justify-content: center;

  }

  .listServices .servs {

      width: 36%;

  }

  .index-txt-p {

      padding-left: 25px !important;

  } 

}



@media (max-width: 700px){
  .page-id-10  .left-caption {
    width: 32% !important;
    top: 31% !important;
  }
  .logo img{
    width:100%;
    height:30px;
    padding-left:10px;
  }
}
@media ( max-width: 414px ) {
  .page-header {
    background-position: left;
  }
  .page-id-10 .left-caption, .page-id-4 .left-caption {
    background-color: #000;
    padding: 15px;
    border-radius: 5px;
  }
  .page-id-4 .left-caption {
    width: 50% !important;
  }
  .page-id-10  .left-caption {
    width: 60% !important;
    top: 31% !important;
  }
}

@media ( max-width: 375px ) {
  .page-header .container {
    display: flex;
    align-items: center;
  }
  .page-id-4 .left-caption {
    width: 60% !important;
    top: 20% !important;
  }
}
@media (max-width: 300px){

  .logo img{

    width:100%;

    height:30px;

    padding-left:10px;

  }

}



@media (max-width:700px){

  .full-text {

    letter-spacing: 5px;

    margin-top: 0px;

    font-size: 18px;

  }



  .banner-p-txt {

    line-height: 30px;

    font-size: 16px;

    text-align: center;

  }



  .btn-danger{

    margin-bottom: 25px !important;

    /* margin-left: 27px !important; */

  }



  .learn-more-btn{

    /* margin-left:70px !important; */

    margin-bottom: 25px !important;

  }



  .message{

    font-size:28px;

  }



  .display-table {

    height: 150px;

  }



  .hr-index {

    margin-top: 20px;

    margin-bottom: 0px;

  }



  .services h1 {

    margin-bottom: 0%;

    font-size: 40px;

    position: relative;

    font-weight: 400;

    left: 0px;

    top: 0px;

  }



  .index-txt-p {

    font-weight: 300 !important;

    font-size: 21px;

    line-height: 33px;

    margin-top: 15px;

  }



  .mobile-h1{

    font-size: 22px;

    margin-top: 25px;

    margin-bottom: 20px;

  }



  .wwd {

    margin-top: 10px;

    margin-bottom: 0px;

    font-size: 35px;

  }



  .contact-details{

    margin-top:10%;

  }



  .gravi-title{

    font-weight: 700;

    text-align: center;

    font-size: 23px;

  }



  #recaptcha_area {

    width: 275px !important;

  }

  .allrights {

    text-align: center;

  }



  .cadlogo{

    text-align:center;

  }



  .link-to-contact{

    font-size: 15px !important;

    color: white !important;

    margin-left: 0px !important;

    margin-bottom: 0px !important;

  }

}



@media (max-width: 736px){

  .left-caption{

    width: 45%;

    top: 45%;

  }

  .page-header h1{

    left: 10%;

  }

  .warranty-logo {

      display: none;

  }

}

@media (max-width: 568px){

  .left-caption{

    width: 50%;

  }

}

@media (max-width: 414px){

  .page-header h1{

    left: 0;

    position: relative;

    text-align: center;

    top: 50%;

    transform: translateY(-50%);

  }

  .left-caption{

    width: 100%;

    text-align: center;

  }

  article#post-10 .page-header h1 {

      top: unset;

      transform: translateY(0);

      margin-top: 20px;

  }

}

@media (min-width: 768px) {

  .col-sm-15 {

    width: 20% !important;

    float: left;

  }

}



@media (min-width: 992px) {

  .col-md-15 {

    width: 20% !important;

    float: left;

  }

}



@media (min-width: 1200px) {

  .col-lg-15 {

    width: 20% !important;

    float: left;

  }

}



@media (max-width: 991px) {

  .offers .offer img {

    height: 100%;

    width: auto;

  }

  .index-price-2 {

    /* font-size: 45px; */

    margin-top: 15px;

  }

}



@media (max-width: 991px) {

  .offers .offer img {

    width: 100%;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  #menu-header-menu >li> a {

    font-size: 14px !important;

  }

  .index-price-2 {

    font-size: 45px;

  }

  .full-text {

    margin-top: 0;

  }

  #menu-header-menu >li {

    padding-left: 1%;

    padding-right: 1%;

  }

}



@media screen and (max-width: 1199px) {



  .bx-wrapper ul.kiwi-logo-carousel.align-center li img {

    max-width: 200px!important;

  }

  #colophon .footer2 .footer-content2 .allrights span {

    white-space: nowrap;

    line-height: 3;

  }

  #colophon .footer2 .footer-content2 .cadlogo {

    text-align: center;

  }

}



@media screen and (max-width: 991px) {

  .navbar-nav {

    float: none!important;

    margin: 0 5%!important;

  }

  .navigation {

    margin-top: 5%;

  }

  header .head-container img.img-center {

    margin: auto;

    display: block;

  }

  .banner-p-txt, .footer-about-company {

    text-align: justify;

  }

  #main-banner .myslider .banner-img img {

    margin: auto;

  }

  #main-banner .myslider .estimate-btn {

    text-align: center;

    margin-top: 0;

    margin-bottom: 3%;

  }

  .myslider {

    margin-top: 0;

  }

  .hr-index {

    margin-top: 0;

    margin-bottom: 0;

  }

  .offers .offer img {

    width: 60%;

    margin: auto;

  }

  .offers .offer .text {

    left: 20%;

    right: 20%;

  }

  .contact-details {

    margin-top: 5%;

  }

  .send-a-msg .contact-form {

    text-align: center;

  }

  .allrights, .cadlogo {

    margin-top: 0;

    text-align: center;

  }

  .footer-logo {

    margin: 0 auto 35px;

  }

  .bx-wrapper ul.kiwi-logo-carousel.align-center li img {

    max-width: 170px!important;

  }

}



@media screen and (max-width: 767px) {

  .services h1 {

    margin-bottom: 2%;

  }

  .message {

    font-size: 9vw;

  }

  .display-table {

    height: 400px;

  }

  .navigation {

    margin-top: 0;

  }

  .services .service1 {

    min-height: 285px;

  }

}



@media screen and (max-width: 567px) {

  .index-price-2 {

    font-size: 30px;

  }

  #colophon .footer2 .footer-content2 .allrights span {

    white-space: nowrap;

    line-height: 2;

    font-size: 12px;

  }

}



@media screen and (max-width: 479px) {

  .footer2 .footer-content2 .allrights span {

    white-space: initial!important;

  }

  .col-xs-6 {

    width: 100%!important;

  }

  .learn-more-btn, .btn-danger {

    margin-left: auto !important;

  }

  .services .service1, .services .service2 {

    padding-left: 10%;

  }

  .offers .offer img {

    width: 100%;

  }

  .offers .offer .text {

    left: 5%;

    right: 5%;

  }

  .index-price-2 {

    font-size: 60px;

  }

  .services .service1 {

    min-height: 0;

  }

}



@media screen and (max-width: 374px) {

  .index-price-2 {

    font-size: 38px;

  }

}