/*
Template:  Car Dealer - The Best Car Dealer Automotive Responsive HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com
*/
 
/*************************
    General
*************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,800,800italic,300italic|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
body { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 24px; color: #999999; }
a, .btn { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #d9a134; text-decoration: none !important; }
a, button, input { outline: medium none !important; color: #d9a134; }
.uppercase { text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: normal; color: #363636; margin-top: 0px; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 40px; font-style: normal; font-weight: 500; line-height: 40px; }
h2 { font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px; }
h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 28px; }
h4 { font-size: 24px; font-style: normal; font-weight: 600; line-height: 24px; }
h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; }
h6 { font-size: 14px; font-style: normal; font-weight: 600; line-height: 24px; }
ul { margin: 0px; padding: 0px; }
ul li { list-style: square inside; padding: 0px; margin: 0px; line-height: 30px; }
hr { margin: 0; padding: 0px; border-bottom: 1px solid #232323; border-top: 0px; }
hr.gray { margin: 0; padding: 0px; border-bottom: 1px solid #dedede; border-top: 0px; }
label { font-size: 15px; font-weight: 400; color: #626262; }
.label { color: #fff !important; font-size: 9px !important; }
*::-moz-selection { background: #d9a134; color: #fff; text-shadow: none; }
::-moz-selection { background: #d9a134; color: #fff; text-shadow: none; }
::selection { background: #d9a134; color: #fff; text-shadow: none; }

/***************************
Page section margin padding 
****************************/
.page-section-ptb { padding: 80px 0; }
.page-section-pt { padding: 80px 0 0; }
.page-section-pb { padding: 0 0 80px; }

/*************************
      Text color
*************************/
.text-blue { color: #d9a134; }
.text-white { color: #fff; }
.text-black { color: #363636; }

/*************************
      Background
*************************/
 .bg-opacity-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.gray-bg { background: #f7f8f9; }
.black-bg { background: #fff; }
.blue-bg { background: #d9a134; }

.button { text-align: center; background: #d9a134; color: #ffffff; display: inline-block; text-transform: capitalize; vertical-align: middle; padding: 8px 20px; -ms-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -ms-transition-property: color; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -ms-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #323232; -ms-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -ms-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; -webkit-transition-property: transform; transition-property: transform; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.button:hover, .button:focus, .button:active { color: #ffffff; }
.button:hover:before, .button:focus:before, .button:active:before { -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); }

/*******************************************
             Loading
*******************************************/
#loading { background-color: #ffffff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
#loading-center { width: 100%; height: 100%; position: relative; }
#loading-center img { text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; }
 
/*************************
    Header 
*************************/
#header.defualt { background: transparent; z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; }
 
/*mega-menu*/
.mega-menu .menu-logo { padding: 36px 0px; }
.mega-menu .menu-logo img { height: 36px; }
.mega-menu .menu-links > li > a { line-height: 102px; text-transform: uppercase; font-size: 13px; font-weight: 500; }
.mega-menu .drop-down-multilevel.right-menu { right: 0px; }
.mega-menu .menu-links > li:last-child > a { padding-right: 0px; }
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down a:hover { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #d9a134; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #d9a134; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #d9a134; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #d9a134; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #d9a134; }
.mega-menu .row { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; }
.mega-menu.desktopTopFixed .menu-list-items { background: #323232; padding: 0px; }
.mega-menu.desktopTopFixed .menu-logo { padding: 20px 0px; }

/*************************
      main-bg{
************************/
.main-bg{ background: url(../images/main-bg.jpg); padding: 200px 0px; background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; height: auto; text-align: center; color: #fff; }
.main-intro{ display: table; width: 100%; height: 100%; position: relative; }
.main-content{ display: table-cell;  height: 100%; vertical-align: middle; }
.main-content .welcome { color: #d9a134; margin: 50px 0 0px; display: block; font-size: 34px; font-style: italic; line-height: 70px; }
.main-content h1 {margin-bottom: 50px; font-size: 40px; text-transform: uppercase; font-weight: bold; color: #fff; line-height: 50px; }
.main-content p { color: #fff; font-size: 16px; padding: 0px 0 20px; line-height: 34px; }
.main-content ul{ padding-bottom: 100px;}
.main-content ul li{ display: inline-block; padding: 20px; text-transform: uppercase; font-size: 20px;}
.scroll-arrow{ position: absolute; bottom: 20px; width: 100%; color: #fff;}
.scroll-arrow p{color: #fff; padding-bottom: 10px;}
.scroll-arrow a.down-arrow { color: #fff; border-radius: 50%; height: 50px; width: 50px; line-height: 50px; border: solid 2px #fff; display: inline-block;  }
.scroll-arrow a.down-arrow:hover { border-color:#d9a134;  color: #d9a134; }

 /*************************************
            Scrooll buttons
**************************************/
.scroll-buttons{ padding: 80px 0; }
.scroll-buttons ul {text-align: center; }
.scroll-buttons ul li{ display: inline-block;  padding:0 10px ;}
.scroll-buttons ul li a{ display: block; border: solid 1px #323232; border-radius: 3px; padding: 10px 20px; color: #323232; text-transform: uppercase; font-size: 14px; }
.scroll-buttons ul li a:hover{ background: #d9a134; border: solid 1px #d9a134; color: #fff;  }


 /*************************************
            Demo images
**************************************/
.title { text-align: center;  text-transform: uppercase; }
.title h3{ margin-bottom: 60px; }
.section-title { margin-bottom: 60px;}
.section-title h3 { margin-bottom: 20px; text-transform: uppercase; }

.gif-size { width: 100%; }
.preloader-gif .section-title p { padding: 0 200px; }
/*************************
  Objects car
*************************/
.portfolio-main { background: url(../images/building-bg.jpg) no-repeat; background-position: bottom; } 
.portfolio-main.objects-car { position: relative; padding-bottom: 300px; }
.objects-left { position: absolute; left: -190px; bottom: 0px; z-index: -1; }
.objects-right { position: absolute; right: -190px; bottom: 0px; z-index: -1; }
.objects-car { overflow: hidden; position: relative;; z-index: 1; }
.portfolio { position: relative;  padding: 0px 60px 0px 60px; z-index: 999; }
.portfolio-main a.button { margin-top: 50px; }
.bg-1{ background: url(../images/bg-1.jpg); background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; height: 100%; text-align: center; color: #fff; }

.demo-box {box-shadow: 0 2px 15px 4px rgba(0, 0, 0, 0.05); background: #fff; padding: 20px; display: block; width: 100%; text-align: center; }
.demo-box img { transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.demo-box:hover img { opacity: 0.8;  }

.demo-box h5  { margin-top: 30px; text-transform: uppercase; font-size: 16px; font-weight: bold; letter-spacing: 2px; display: block; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.demo-box:hover h5{ color: #d9a134; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
 
 /*************************************
             item
**************************************/

.portfolio-main .item { text-align: center; margin-bottom: 50px; }
.portfolio-main .item a { color: #323232; text-transform: uppercase; font-size: 18px;  display: block; font-weight: 600; }
.portfolio-main .item a.link {  margin-top: 15px; margin-bottom: 0px; }
.portfolio-main .item a:hover { color: #d9a134; }
.portfolio-main .item .item-box { height: 400px; overflow: hidden;  z-index: 1; border:1px solid #e8e8e8; }
.portfolio-main .item .item-box .item-inside { width: 100%; line-height: 0; }
.portfolio-main .item img { width: 100%; height: auto; position: relative; z-index: 999; }
.portfolio-main .item .item-box .item-inside img { width: 100%; height: auto; position: relative; z-index: 9999; margin-top: 0px; -webkit-transition-duration: 6s; -moz-transition-duration: 6s;    -ms-transition-duration: 6s; -o-transition-duration: 6s; transition-duration: 6s; }

.demo-1 a:hover .item-box .item-inside img {margin-top: -1335px; }  
.demo-2 a:hover .item-box .item-inside img {margin-top: -1053px; }
.demo-3 a:hover .item-box .item-inside img {margin-top: -1239px;}
.demo-4 a:hover .item-box .item-inside img {margin-top: -1113px; }
.demo-5 a:hover .item-box .item-inside img {margin-top: -1711px; }
.demo-6 a:hover .item-box .item-inside img {margin-top: -1724px; }


.demo-7 a:hover .item-box .item-inside img {margin-top: -1241px; }
.demo-8 a:hover .item-box .item-inside img {margin-top: -1172px; }
.demo-9 a:hover .item-box .item-inside img {margin-top: -1010px; }
.demo-10 a:hover .item-box .item-inside img {margin-top: -1234px; }
.demo-11 a:hover .item-box .item-inside img {margin-top: -636px; }
.demo-12 a:hover .item-box .item-inside img {margin-top: -340px; }
.demo-13 a:hover .item-box .item-inside img {margin-top: -1621px; }
.demo-14 a:hover .item-box .item-inside img {margin-top:-1836px; }
 
/*feature*/
.main-feature .title { margin-bottom: 70px; text-transform: lowercase; }
.main-feature .title h3 { margin-bottom: 20px; text-transform: uppercase; }
.feature P { margin-bottom: 30px; }
.feature span { display: table; vertical-align: top; }
.feature i { display: table-cell; float: left; margin-right: 15px; font-size: 30px; }
.feature h5 {  display: table-cell; margin-bottom: 20px; color: #d9a134; line-height: 30px; }
.feature p { margin-top: 5px; display: block; }

.layouts h5 { text-transform: uppercase; margin-top: 25px; font-weight: 400; }
.layouts p { color: #626262; margin-bottom: 0px; }
.layout-block img { padding: 20px; }
.portfolio-main .item span { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; font-size: 12px; text-transform: uppercase; background: #d9a134; color: #fff; position: absolute; top: -7px; right: 0px; z-index: 9999; text-align: center; }
.documentation h3 { margin-top: 70px; }
.documentation a { background: #ffffff; color: #d9a134; padding: 1px 4px; font-size: 13px; }
.documentation a:hover { background: #363636; color: #ffffff; }

/*************************
      Back to top
*************************/
.car-top { width: 85px; position: fixed; bottom: -180px; right: 30px; z-index: 9999; opacity: 1; cursor: pointer; }
.car-top.show { bottom: 5% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car-top.car-run { bottom: 100% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car-top.car-down { -webkit-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car-top:before, .car-top:after { content: ""; position: absolute; -o-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; opacity: 0; }
.car-top:hover:before, .car-top:hover:after, .car-top.car-run:before, .car-top.car-run:after { opacity: 1; }
.car-top:before, .car-top.car-run:before { top: -1px; left: 0px; width: 85px; height: 89px; background: url(../images/car-focus.png) no-repeat 0 0; }

/*purchase-fixed*/
.purchase-fixed { position: fixed; top: 33px; right: 33px; z-index: 9999; }
 

.owl-carousel .owl-item .item { margin-bottom: 0 !important; }

/*************************
   working-php
*************************/
.working-php .list-style-1 li { list-style: none; color: #d9a134; font-size: 16px; font-weight: bold; }
.working-php .list-style-1 li strong { color: #363636; display: inline-block; padding-right: 10px; }


/*************************************
           client-block
**************************************/
/*client-block*/
.client-block { position: relative;}
.client-block a { display: block; position: absolute; opacity: 0; z-index: 999; top: -10%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.client-site .item { border: solid 3px #f1f1f1; margin-bottom: 0; }
.client-site .item:hover .client-block a { opacity:1; top: 50%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.client-block .client-block-overlay { position: absolute; bottom: 0; z-index: 9; width: 100%; background: rgba(0, 0, 0, 0.7);  height: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.client-site .item:hover .client-block .client-block-overlay { opacity: 1; }

/*Slider arrow*/
.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;  }
.owl-carousel .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: -20px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -20px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-prev i { padding-left: 0px; }
.owl-carousel .owl-nav i { font-size: 20px;  width: 44px; border-radius: 3px; height: 44px; line-height: 42px; padding-left: 2px; display: inline-block; background: rgba(0, 0, 0, 0.58);  color:#fff; font-weight: normal; text-align: center; -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; }
.owl-carousel .owl-nav i:hover { background: rgba(0, 0, 0, 0.88); color: #d9a134;  }

 /*************************************
            media query
**************************************/
.footer{  background: url(../images/main-bg.jpg); color: #fff; }
.footer span{color: #fff; text-transform: uppercase; font-size: 20px;}
.footer p { color: #ffffff; padding: 10px 0;}
 
 
/*************************************
            media query
**************************************/

@media( max-width:1400px) {

.objects-car .objects-left  { left: -400px; }
.objects-car .objects-right  { right: -400px; }
.purchase-fixed { top: 80px; }
}

@media( max-width:1199px) {
.preloader-gif .col-sm-4:nth-child(4){ clear: both; }
.purchase-fixed { top: 110px; right: 0;  text-align: right; }

}
 
@media only screen and (min-width: 768px) and (max-width: 999px) {
 .container{ width:96%; } 

}

 @media( max-width:992px) {
.mega-menu .menu-links { margin-top: 10px; }
.mega-menu .menu-links > li > a { color: #323232; } 
.mega-menu .menu-logo > li > a { padding: 0; }
.mega-menu .menu-links > li > a {  line-height: 28px; }
.mega-menu img { height: 26px; margin: 5px 0; }
.mega-menu img { margin: 12px 0px; }
.mega-menu .menu-logo img { height: 26px; margin: 22px 0px; }
.mega-menu .menu-mobile-collapse-trigger:before,  .mega-menu .menu-mobile-collapse-trigger:after,  .mega-menu .menu-mobile-collapse-trigger span { background: #fff; }
.mega-menu .menu-mobile-collapse-trigger { top: 22px; }
.mega-menu .menu-logo { padding: 0; }
.mega-menu .menu-mobile-collapse-trigger { top: 12px; }
.search { padding: 32px 0 20px; float: none; width: 100%; text-align: right; position: relative; }
.search .search-btn { line-height: 0;  width: 34px; position: absolute;  right: 0;}
.search.search-open .search-box { top: 45px !important; }
.search-box { width: 100%; padding: 15px 15px 15px 10px; }
.mega-menu { min-height: 65px; }
.get-in-touch { margin-bottom: 30px; }
.office-hours { margin-bottom: 30px; }
.tags { margin-bottom: 30px; }
.footer-useful-link  { margin-bottom: 30px; }
.custom-content h3 { line-height: 38px; }
.scroll-buttons ul li {  margin: 5px 0;  padding: 0 5px; }
.main-content ul li{ padding: 10px; }
.portfolio-main .item .item-box { top: 3.8%;  }
.feature { margin-bottom: 40px; }
.main-feature .row.mt-60 { margin-top: 0px !important; }
.documentation img { margin: 0 auto; margin-bottom: 30px; }
.portfolio-main .item { margin-bottom: 50px; }
.portfolio .row.mt-50 { margin-top: 0 !important; }
.header { padding: 20px 30px; }
.mega-menu .menu-mobile-collapse-trigger { width: 25px; }
.layout-block { margin-bottom: 50px; }
.layout-block:last-child { margin-bottom: 0px; } 
.layouts .row.mt-50 { margin-top: 50px !important; }
.item.demo-14 { margin-bottom: 50px; }
.item.demo-15 { margin-bottom: 50px; }

.objects-car .objects-left, .objects-car .objects-right  { display: none; }
.portfolio-main.objects-car { padding-bottom: 90px; }
.main-content h1 { font-size: 30px; }

.preloader-gif .col-sm-4:nth-child(3){ clear: inherit; }
.preloader-gif .col-sm-4:nth-child(4){ clear: both; }
.preloader-gif .section-title p { padding: 0 100px; }

.working-php img { margin-top: 40px; }
.page-section-ptb { padding: 60px 0; }
 

}

@media( max-width:767px) { 
.scroll-arrow p{ display: none; }
.main-content ul{ display: none; }
.portfolio { padding: 0px 180px; }

.preloader-gif .col-sm-4:nth-child(3){ clear: both; }
.preloader-gif .col-sm-4:nth-child(4){ clear: inherit; }
.preloader-gif .section-title p { padding: 0 100px; font-size: 14px; }

.owl-carousel .owl-nav .owl-next { right: 0; }
.owl-carousel .owl-nav .owl-prev { left: 0; }
}
@media( max-width:600px) { 

.portfolio { padding: 0px 100px; }
.main-bg { padding: 150px 0px 100px; }
.documentation h3 { font-size: 24px; }

.preloader-gif .section-title p { padding: 0px;  }

 

}


@media( max-width:479px) {  
.main-content h1{ margin-bottom: 10px; font-size: 26px; }
.main-content ul{ padding:0px; }
.main-content p{ font-size: 14px; }
.main-content .welcome{ font-size: 20px; }
.main-content .welcome{ margin: 0px; }
.main-content ul li{ padding: 0 15px; font-size: 16px; }

.scroll-arrow{ bottom: 10px; }
.portfolio { padding: 0px 15px; }


}
@media( max-width:400px) {

}



 
