/*
Theme Name: Refib Tidytheme
Theme URI: http://www.tidytheme.com/demon/refib
Author: TidyTheme
Author URI: http://www.tidytheme.com
Description: Refib Digital Repair Service WordPress Theme
Version: 1.0.0
License: GNU General Public License v1 or later
License URI: https://www.gnu.org/licenses/gpl-1.0.html
Text Domain: refib-tidytheme
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
 /* Index of CSS
==================================================
1. Default CSS
2. Pre Loder
3. Header CSS
4. Menu CSS
5. Footer CSS
6. Breadcroumb CSS

*/
 /* Default CSS  */

 /*
 *  Owl Carousel - Animate Plugin
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap')
 .owl-carousel .animated {
     -webkit-animation-duration: 1000ms;
     animation-duration: 1000ms;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }

 .owl-carousel .owl-animated-in {
     z-index: 0;
 }

 .owl-carousel .owl-animated-out {
     z-index: 1;
 }
@font-face {
  font-family: 'Frutiger LT Arabic';
  src: url(https://www.maalejalhalloul.com/wp-content/themes/refib-tidytheme/assets/fonts/FrutigerLTArabic45Light.ttf);
}

 .owl-carousel .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
 }

 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes fadeOut {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }



 body {
     font-size: 15px;
     line-height: 1.7;
     font-family: Roboto;
     font-weight: 400 !important;
 }

 img {
     max-width: 100%;
     height: auto
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0 0 15px;
     font-weight: 700;
     line-height: 1.1;
     color: #333;
     font-family: "PT Sans", Sans-serif;
 }

 a:hover,
 a:focus {
     text-decoration: none
 }

 a {
     color: #545151;
 }

 input[type="text"],
 input[type="email"],
 input[type="textarea"],
 input[type="submit"],
 input[type="tel"] {
     padding: 7px 10px;
 }

 label {
     font-weight: 400;
 }

 button[type="submit"],
 input[type="submit"] {
     color: #fff;
     padding: 11px 12px;
     text-transform: capitalize;
     transition: 0.3s;
     border-radius: 3px;
 }

 button[type="submit"]:hover,
 input[type="submit"]:hover {}

 button[type="submit"] i,
 input[type="submit"] i {
     font-size: 130%;
     padding-left: 5px;
     position: relative;
     top: 1px;
 }

 input:focus,
 textarea:focus,
 select:focus,
 button:focus {
     outline: none
 }

 select {
     width: 100%;
 }

 div#page.site.refit_box_layout {
     max-width: 1170px;
     overflow: hidden;
     margin: 15px auto;
     box-shadow: 0 0 2px #ddd;
     background-color: #fff;
 }

 .page p {
     margin: 0 0 12px;
 }


 /*Button*/
 .more-link:hover,
 .more-link:focus,
 .more-link:active {
     color: white;
     border: 1px solid #d4b068;
     background: transparent;
 }

 .more-link {
     display: inline-block;
     font-size: 14px;
     padding: 11px 25px 11px 25px;
     color: #fff;
     position: relative;
     text-transform: uppercase;
     z-index: 99;
     border-radius: 3px;
     background: #d4b068;
     border: 1px solid #d4b068;
 }


 /* Pre Loder  */

 .preloader {
     position: absolute;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-content: start;
     background: #181b20;
     z-index: 999999;
     align-items: baseline;
     gap: 6px;
     padding-top: 300px;
 }

 .loader {
     width: 6px;
     height: 60px;
     background: #19C133;
     display: inline-block;
     transform-origin: bottom center;
     animation: animate 1.5s ease-in-out infinite;
 }

 .loader1 {
     animation-delay: 0.1s;
 }

 .loader2 {
     animation-delay: 0.2s;
 }

 .loader3 {
     animation-delay: 0.3s;
 }

 .loader4 {
     animation-delay: 0.14;
 }

 .loader5 {
     animation-delay: 0.5s;
 }

 .loader6 {
     animation-delay: 0.6s;
 }

 .loader7 {
     animation-delay: 0.7s;
 }

 .loader8 {
     animation-delay: 0.8s;
 }

 @keyframes animate {
     0% {
         transform: scaleY(0.1);
         background: #fff;
     }

     50% {
         transform: scaleY(1);
         background: #19C133;
     }

     100% {
         transform: scaleY(0.1);
         opacity: 0;
         visibility: hidden;
     }
 }

 .preloader.hidden {
     animation: fadeOut 1s;
     animation-fill-mode: forwards;
 }

 @keyframes fadeOut {
     100% {
         opacity: 0;
         visibility: hidden;
     }
 }

 /*  Preloder end */








 /* End : Pre Loder  */
 /* Header CSS */

 .header {
     background-color: #252525;
     padding-top: 35px;
     padding-bottom: 25px;
 }

 .header .col-sm-10 {
     margin-left: 14.333%;
     padding-right: 0px;
 }

 .header .col-sm-10 .col-sm-4 {
     padding-right: 0px;
     padding-left: 30px;
 }

 .navbar-brand {
     float: left;
     font-size: 18px;
 }

 .navbar-brand .logo img {
     margin-top: -22px;
 }

 .header i {
     color: #d4b068;
 }

 .top-icon {
     float: left;
     font-size: 32px;
     padding-right: 20px;
     line-height: 45px;
 }

 .navigation .badge {
     font-size: 10px;
     background-color: #c45d3c;
 }

 .top-title {
     font-size: 14px;
     letter-spacing: 2px;
     color: #fff;
 }

 .refit-number {
     font-size: 12px;
     letter-spacing: 2px;
     color: #fff;
 }

 .navbar-brand a {
     font-weight: 500;
     letter-spacing: 2px;
     font-size: 28px;
     color: #fff;
 }

 .navbar-brand a span {
     color: #fff;
     position: relative;
     top: -6px;
 }

 .navigation ul li a i {
     font-size: 16px;
     font-weight: normal;
 }

 div.navigation.is-sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 99999;
     -webkit-animation: 500ms running fadeInDown;
     animation: 500ms running fadeInDown;
     -webkit-transition: all .5s;
     transition: all .5s;
     width: 100% !important;
     height: auto;
 }

 @-webkit-keyframes fadeInDown {
     0% {
         margin-top: -120px;
         opacity: 0;
     }

     50% {
         margin-top: -64px;
         opacity: 0;
     }

     100% {
         margin-top: 0;
         opacity: 1;
     }
 }

 @keyframes fadeInDown {
     0% {
         margin-top: -120px;
         opacity: 0;
     }

     50% {
         margin-top: -64px;
         opacity: 0;
     }

     100% {
         margin-top: 0;
         opacity: 1;
     }
 }

 .navigation_one .container {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .navigation_one .mainmenu li a {
     padding: 10px 28px 10px 0px;
 }

 .navigation_one .mainmenu ul {
     padding: 10px 0px;
 }

 .navigation_one .mainmenu li ul {
     padding: 10px;
     top: 79px;
 }

 .navigation_one .mainmenu li li a {
     padding-left: 15px;
     padding-top: 10px;
     padding-bottom: 10px;
 }

 .navigation_one .mainmenu li:hover ul {
     top: 56px;
 }

 /* Menu CSS */
 /*-----Social Nav-----*/

 .social-nav ul {
     float: right;
     margin-bottom: 0px;
     list-style: none;
     padding: 12px 0px;
     margin-top: 10px;
 }

 .social-nav li {
     float: left;
     padding-left: 18px;
 }

 .social-nav li a {
     color: #d4b068;
 }

 /*-----Navigationn-----*/

 .navigation {
     width: 100%;
     z-index: 999;
     position: relative;
 }

 body.admin-bar .is-sticky {
     transition: .3s;
     transform: translateY(32px);
 }

 .navigation {
     background: #292727;
 }

 .mainmenu a {
     color: #fff;
     text-transform: uppercase;
 }

 .mainmenu ul {
     list-style: outside none none;
     margin: 0;
     padding: 0;
 }

 .mainmenu li {
     display: inline-block;
     position: relative;
 }

 .mainmenu li a {
     display: block;
     padding: 20px 28px 20px 0;
 }

 .mainmenu li.current_page_item>a {
     color: #d4b068;
 }

 .mainmenu li ul {
     position: absolute;
     left: 0;
     top: 85px;
     z-index: 99;
     background: #333;
     width: 250px;
     padding: 10px;
     transition: .3s;
     opacity: 0;
     visibility: hidden;
 }

 .mainmenu li ul li {
     display: block;
 }

 .mainmenu li ul li a {
     padding: 7px 18px;
     color: #fff;
     font-size: 90%;
 }

 .mainmenu li ul li a:hover {
     background-color: #d4b068;
 }

 .mainmenu li:hover ul {
     opacity: 1;
     visibility: visible;
     top: 65px;
 }

 .mainmenu li ul li:hover a {
     color: #fff
 }

 .mainmenu li:hover>a {
     color: #d4b068;
 }

 .mainmenu ul li ul {
     position: absolute;
     left: 0px;
     top: 84px;
     width: 250px;
     text-align: left;
     z-index: 9;
     opacity: 0;
     visibility: hidden;
     transition: .3s;
 }

 .mainmenu ul li ul a {
     padding-left: 15px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-left: 0;
 }

 .mainmenu ul li li {
     display: block;
 }

 .mainmenu ul li li:hover>a {
     text-decoration: none;
 }

 .mainmenu ul li:hover ul {
     opacity: 1;
     visibility: visible;
     top: 59px;
     background: #252525;
 }

 .mainmenu ul li.menu-item-has-children>a:after {
     content: "\f107";
     font-family: fontawesome;
     padding-left: 10px;
 }

 .mainmenu ul li ul ul {
     left: 240px;
 }

 .mainmenu ul li:hover ul ul {
     opacity: 0;
     visibility: hidden;
 }

 .mainmenu ul li:hover ul li:hover ul {
     opacity: 1;
     visibility: visible;
     top: -10px;
 }

 div.slicknav_menu {
     background: none;
     text-align: center;
 }

 a.slicknav_btn {
     float: none;
     display: inline-block;
 }

 ul.slicknav_nav {
     background-color: #333;
     text-align: left;
 }

 .slicknav_menu {
     display: none;
 }

 /* Mobile Layout: 320px. */

 @media only screen and (max-width: 767px) {
     .slicknav_menu {
         display: block;
     }

     #sticky_navigation-sticky-wrapper {
         display: none;
     }
 }

 /*-----Navigationn end-----*/


 /*-----Header Two -----*/

 #page .header_two {
     background: #d4b068;
     padding: 15px 0px;
 }

 .header_two .social-nav ul li i {
     color: #fff;
     width: 26px;
     height: 26px;
     border: 1px solid #fff;
     border-radius: 50%;
     text-align: center;
     line-height: 24px;
     font-weight: normal;
     font-size: 14px;
 }

 .header_two .header_top_right ul {
     margin: 0 15px 0px 0px;
     padding: 0;
     list-style: none;
 }

 .header_two .header_top_right ul li {
     display: inline-block;
     margin-left: 30px;
 }

 .header_two .header_top_right ul li i {
     font-size: 15px;
     color: #fff;
     font-weight: normal;
     margin-right: 3px;
 }

 .header_two .header_top_right {
     text-align: right;
 }

 .header_two .row {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .header_two .social-nav ul {
     padding: 0px 0px 0px 15px;
     margin-top: 0px;
 }

 .header_two .social-nav li {
     padding-left: 0px;
     padding-right: 7px;
 }

 /*  Menu Two */

 .navigation_two {
     background: #fff;
 }

 .navigation_two .navbar-brand {
     margin-right: 0px;
     margin-top: 8px;
 }

 .navigation_two .mainmenu {
     text-align: right;
 }

 .navigation_two .mainmenu a {
     color: #222;
     padding-left: 28px;
     padding-right: 0px;
 }

 .navigation_two .mainmenu ul ul li a {
     color: #fff;
     padding-left: 15px;
 }

 .mainmenu ul li:hover ul {
     top: 66px;
 }


 /*-----Header Three -----*/
 .header_three .navbar-brand {
     margin-right: 0px;
 }

 .header.header_three {
     background: #fff;
     padding-bottom: 55px;
     position: relative;
     z-index: 999
 }

 .header_three ul {
     margin: 0;
     padding: 0;
     text-align: right;
 }

 .header_three ul li {
     list-style: none;
     position: relative;
     display: inline-block;
     margin-right: 20px;
     margin-left: 40px;
     text-align: left;
 }

 .header_three span {
     padding-left: 50px;
     font-weight: 700;
 }

 .header_three .header_qut_btn {
     text-align: right;
 }

 .header_three .header_qut_btn a:hover {
     background-color: #d4b068;
     border-color: #d4b068;
     color: #fff;
 }

 .header_three ul li i {
     font-size: 35px;
     position: absolute;
     top: 50%;
     margin-top: -18px;
 }

 .header_three ul li span span {
     display: block;
     text-align: left;
     font-weight: 400;
 }

 /*-----Menu Three -----*/
 .navigation_three {
     background: #fff;
 }

 .navigation_three .container {
     position: absolute;
     width: 100%;
     left: 50%;
     margin-left: -556px;
     background: #282828;
     margin-top: -30px;
     transition: .3s;
     padding: 0 30px;
     border-radius: 4px;
     max-width: 1110px;
 }

 div.navigation_three.is-sticky .container {
     margin-top: -1px;
     transition: .3s;
     position: inherit;
     width: 100%;
     left: 0;
     margin-left: inherit;
     max-width: 100%;
     border-radius: 0px;
 }

 div.navigation_three.is-sticky {
     animation: none;
     left: inherit;
     right: inherit;
     margin: inherit;
 }

 .navigation_three ul li a {
     color: #fff;
 }

 .navigation_three ul li a i {
     color: #fff;
     background: #d4b068;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 50%;
 }

 .navigation_three .social-nav li {
     padding-left: 6px;
     margin-top: -5px;
 }

 .navigation_three .social-nav li a i {
     line-height: 32px;
 }

 /*-----Header  Three end-----*/



 /* Footer CSS  */

 footer.site-footer {
     color: #fff;
     background-color: #252525;
 }

 .refit_footer_top .widget_text img {
     width: 140px;
     margin-top: -3px;
 }

 footer.site-footer p {
     margin-bottom: 0px;
 }

 footer.site-footer i {
     float: left;
     line-height: 29px;
     margin-right: 20px;
 }

 .refit_footer_top .footer_col h4 {
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 20px;
 }

 .refit_footer_top {
     padding-top: 73px;
     padding-bottom: 10px;
 }

 .refit_footer_top h4 {
     margin-bottom: 20px;
 }

 .refit_footer_top ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .refit_footer_top ul li {
     padding-bottom: 6px;
 }

 .refit_footer_top ul a {
     color: #fff;
 }

 .refit_footer_top ul a:hover {
     color: #fff;
     text-decoration: underline;
 }

 .refit_footer_bottom .row {
     border-top: 1px solid #302f2f;
     padding: 25px 15px;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     justify-content: space-between;

 }

 .refit_footer_bottom .social_icon i {
     color: #fff;
     padding: 0px 6px;
 }

 .footer_col .widget-title::before {
     display: none;
 }

 .refit_footer_top .tagcloud a {
     color: #333;
 }

 .copyright_text {
     line-height: 39px;
 }

 .scrollup {
     color: #333;
     float: right;
     font-weight: 700;
     text-transform: uppercase;
     background: #fff;
     border-radius: 50px;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 26px;
     padding-left: 17px;
 }

 .scrollup:hover {
     color: #fff;
     background: #D4B068
 }

 .footer_arrow::before {
     content: "\f077";
     position: absolute;
     right: 0em;
     padding: 0 1px;
     font-family: FontAwesome;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
 }

 .footer_arrow {
     display: inline-block;
     position: relative;
     line-height: 1px;
 }

 .scrollup:hover .footer_arrow::before,
 .scrollup:focus .footer_arrow::before,
 .scrollup:active .footer_arrow::before {
     -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
     animation-name: hvr-icon-bob-float, hvr-icon-bob;
     -webkit-animation-duration: .3s, 1.5s;
     animation-duration: .3s, 1.5s;
     -webkit-animation-delay: 0s, .3s;
     animation-delay: 0s, .3s;

     -webkit-animation-timing-function: ease-out, ease-in-out;
     animation-timing-function: ease-out, ease-in-out;
     -webkit-animation-iteration-count: 1, infinite;
     animation-iteration-count: 1, infinite;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-direction: normal, alternate;
     animation-direction: normal, alternate;
 }


 /* Start : REcent Post Widget
  ================================= */


 .posts-widget-wrapper {
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
 }

 .posts-widget-wrapper .blg_img_widg {
     float: left;
     margin-right: 15px;
     overflow: hidden;
 }

 .posts-widget-wrapper .blg_img_widg img {
     height: 75px;
     width: 80px;
     border-radius: 50%;
 }

 .posts-widget-wrapper .posts-widget-title {
     color: #fff;
     font-weight: 500;
     font-size: 15px;
     line-height: 20px;
     margin-bottom: 5px;
 }

 .posts-widget-wrapper .posts-widget-title:hover {
     color: #fda12b;
 }

 .posts-widget-wrapper .posts-widget-date {
     color: #808080;
     font-size: 14px;
 }

 footer .footer_col .klinlucid_widget_recent_posts h4 {
     margin-bottom: 34px;
 }

 .adam_internal_area .col-sm-4 .posts-widget-wrapper .posts-widget-title {
     color: #1a2940;
 }

 .adam_internal_area .col-sm-4 .posts-widget-wrapper .posts-widget-title:hover {
     color: #fda12b;
 }

 .adam_internal_area .col-sm-4 .posts-widget-wrapper:last-child {
     margin-bottom: 2px;
 }

 /* End : REcent Post Widget
  ================================= */



 /*----------------------------------------------------
		Single Page
------------------------------------------------------*/
 /* Single Page Header
================================= */

 .adam_breadcrum_area {
     position: relative;
     z-index: 1;
     color: #FFF;
     padding-top: 73px;
     box-sizing: border-box;
     height: 210px;
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;
     background-position: 50% 50%;
     text-align: center;
     background: #333;
     margin-top: -1px;
 }

 .adam_breadcrum_area h1 {
     color: #fff;
     font-size: 33px;
     letter-spacing: 1px;
     padding-bottom: 0px;
     margin-bottom: 5px;
     text-align: center;
     font-weight: 700;
 }

 /* Breadcroumb CSS */

 .adam_breadcrum_area_sing .col-sm-12 {
     margin-left: -10px;
 }

 .adam_breadcrum_area_sing {
     text-align: center;
 }

 .adam_breadcrum_area span[typeof="ListItem"] {
     display: inline-block;
     padding: 0 5px;
     text-transform: capitalize;
     letter-spacing: 1px;
     margin-top: 6px;
 }

 .adam_breadcrum_area span[typeof="ListItem"] a {
     color: #fff;
 }

 span[typeof="ListItem"] a.home span {
     display: none;
 }

 span[typeof="ListItem"] a.home::before {
     content: "\f015";
     font-family: fontawesome;
     color: #fff;
     font-size: 115%;
 }

 .section_enable_padding {
     padding: 100px 0px;
 }

 /*=========== About Page  =======*/

 .about-left {
     padding-right: 23px;
     margin-left: 10px;
 }

 .about-left h3 {
     letter-spacing: 2px;
     text-transform: capitalize;
     text-align: left;
     margin-bottom: 20px;
     font-size: 30px;
     line-height: 28px;
 }

 .about-left h6 {
     font-size: 28px;
     text-transform: capitalize;
     font-weight: 400;
     display: block;
     line-height: 0.8;
     letter-spacing: 3px;
     margin-bottom: 20px;
     color: #d4b068;
 }

 .single_proj img {
     width: 100%;
 }




 /*=========== Service Page  =======*/
 #service_page h5 {
     border-bottom: 1px solid transparent;
     text-transform: capitalize;
     letter-spacing: 0px;
     font-size: 25px;
     margin-bottom: 24px;
 }

 #service_page .elementor-widget-wp-widget-nav_menu .elementor-widget-container,
 #service_page .cta_area {
     background: #f8f8f8;
     padding: 30px;
     margin-bottom: 10px;
 }

 #service_page ul {
     padding-left: 0px;
     margin-bottom: -6px;
 }

 #service_page .elementor-widget-wp-widget-nav_menu .elementor-widget-container ul li {
     display: inline-block;
     position: relative;
     width: 100%;
     height: 45px;
     line-height: 45px;
     box-shadow: 1px 1px 8px rgba(89, 82, 82, 0.2);
     margin-bottom: 10px;
     text-align: left;
     padding: 0px 0px 0px 55px;
     border-radius: 50px;
     background: #fff;
 }

 #service_page ul .current_page_item>a {
     color: #fff;
 }

 #service_page ul li a {
     font-size: 15px;
     display: block;
     position: relative;
     z-index: 99;
     color: #515050;
 }

 #service_page .elementor-widget-wp-widget-nav_menu ul li.current_page_item {
     background: #d4b068;
 }

 #service_page .elementor-widget-wp-widget-nav_menu ul li::after {
     content: "\f0a9";
     font-family: 'FontAwesome';
     left: 23px;
     top: 1px;
     color: #515050;
     position: absolute;
 }

 #service_page ul li.current_page_item::after {
     color: #fff;
 }

 #service_page .cta_area .col-sm-12 {
     padding: 0px;
 }

 #service_page .cta_area a {
     margin-left: 0px;
 }

 /* Service Accrodian
----------------------------------------*/
 #service_page .elementor-tab-title.elementor-active {
     background: #D4B068 !important;
 }

 #service_page .elementor-accordion-item {
     margin-bottom: 10px;
 }

 #service_page .elementor-accordion-icon.elementor-accordion-icon-left {
     float: right;
     text-align: left;
 }

 #service_page .elementor-accordion-icon.elementor-accordion-icon-left i {
     font-weight: 100;
     font-size: 16px;
     margin-left: 10px;
 }

 #service_page .elementor-accordion-icon-opened i {
     font-size: 26px !important;
     margin-top: -5px;
 }

 /* ================================================================
				Responsive CSS
================================================================= */


 /*          Responsive styles
================================================== */

 @media only screen and (min-width: 1678px) and (max-width: 1923px) {}

 @media only screen and (min-width: 1390px) and (max-width: 1677px) {}

 /*                     Tablet Landscape
=======================================================================================*/

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

     /*--------------------------------------
	 Navigation Section
----------------------------------------*/
     .header .col-sm-10 .col-sm-4 {
         padding-right: 0px;
         padding-left: 20px;
     }

     .header .col-sm-10 {
         margin-left: 7%;
         flex: 0 0 75%;
         max-width: 75%;
     }

     #navigation>ul>li>a {
         padding: 30px 12px;
     }

     .navbar-brand {
         margin-right: 0px;
     }

     .menu_area .mainmenu li a {
         font-size: 14px;
         padding: 30px 17px;
     }

     .nt_found .search-form::after {
         margin-left: -252px;
     }

     /*--------------------------------------
    About Section
----------------------------------------*/


     .count_wrp {
         margin-right: -481px;
         margin-top: 17px;
     }

     .promo_item {
         padding: 70px 30px 73px 30px !important;
     }

     /*--------------------------------------
 Quote  Section , Video ,
----------------------------------------*/
     .quote_area .quote_img img {
         height: 434px;
     }

     .quote_area .quote_form {
         padding-top: 35px;
     }

     /*--------------------------------------
  Pricing Section
----------------------------------------*/

     .pricing_box_wrp {
         padding: 40px 22px 45px;
     }

     /*--------------------------------------
  Gallery Section
----------------------------------------*/
     .filter_col_2 {
         margin-right: 25px;
     }

     /*--------------------------------------
    Testimonial Section
----------------------------------------*/
     .client_logo {
         margin-top: 80px;
     }

     /*--------------------------------------
    Footer Section
----------------------------------------*/
     .subfooter {
         padding: 30px 0px 10px 25px;
     }


     /*--------------------------------------
   Header Three
----------------------------------------*/
     .header_three .header_qut_btn .more-link {
         font-size: 14px;
         padding: 11px 22px;
     }

     .navigation_three .container {
         left: 50%;
         margin-left: -464px;
         max-width: 928px;
     }

     #promo_ho_thr .elementor-element.elementor-column::after {
         border-right: 11em solid transparent;
         border-bottom: 0 solid transparent;
         border-left: 10em solid transparent;
     }

     .partner_area .container:last-child {
         padding-left: 15px;
         padding-right: 15px;
     }

     /*
.partner_area img {
	padding: 0 35px;
}*/


 }

 /*                      Tablet Portrait
=======================================================================================*/

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

     /*--------------------------------------
     Navigation Section
----------------------------------------*/
     .header .col-sm-10 .col-sm-4 {
         padding-right: 0px;
         padding-left: 15px;
     }

     .header .col-sm-10 {
         flex: 0 0 75%;
         max-width: 75%;
         margin-left: 0%;
     }

     .refit-number {
         letter-spacing: 0px;
     }

     .navbar-brand {
         flex: 0 0 20%;
         max-width: 20%;
     }

     .navbar-brand .logo img {
         margin-top: -20px;
     }

     .need-block {
         padding-right: 0px !important;
         padding-left: 0px !important;
     }

     .navigation .col-md-9 {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .mainmenu li a {
         padding: 20px 17px 20px 0;
     }

     .nt_found label {
         width: 45%;
     }

     .nt_found .search-form::after {
         margin-left: -75px;
     }

     .navbar-brand {
         margin-right: 0rem;
     }

     .top-title {
         letter-spacing: 0px;
     }

     .top-icon {
         padding-right: 15px;
         font-size: 30px;
     }

     /*--------------------------------------
    Slider Section
----------------------------------------*/

     .slides_wrapper h2 {
         font-size: 65px !important;
         letter-spacing: 4px;
     }

     /*--------------------------------------
    About Section
----------------------------------------*/
     .about_area .col-md-6.col-sm-12 {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .count_wrp {
         margin-right: 0px;
         margin-bottom: 50px;
         overflow: hidden;
         width: 100%;
     }

     .promo_item {
         padding: 70px 30px 73px 30px !important;
     }

     /*--------------------------------------
    Services Section
----------------------------------------*/

     .callto-text h2 {
         font-size: 33px;
     }

     /*--------------------------------------
    Call To Action Section
----------------------------------------*/

     .callto-icon {
         float: none;
         position: relative;
         margin-right: 0px;
     }

     .callto-icon {
         text-align: center;
     }

     .callto-text {
         text-align: center;
     }

     .callto-link {
         text-align: center;
     }

     /*
    Call To Action Section Two
----------------------------------------*/
     .cta_wrp.cta-style-2 {
         text-align: center !important;
     }

     .cta_wrp.cta-style-2 .callto-link {
         float: none;
         margin-top: 25px;
     }

     .cta_wrp.cta-style-2 .callto-link a {
         margin-left: 0px;
     }

     .cta_wrp.cta-style-2 .cta_icon {
         float: none;
         margin-right: 0px;
         margin-top: -13px;
     }

     /*--------------------------------------
  Choose Us Section , Video ,
----------------------------------------*/

     .whychoose_area .col-sm-12 {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .whychoose_img {
         text-align: center;
         margin-bottom: 40px;
     }

     /*--------------------------------------
  video Section
----------------------------------------*/

     #video .video-content {
         width: 100%;
     }

     /*--------------------------------------
  Margin  width Section
----------------------------------------*/
     .service_area .col-sm-12,
     .team_area .col-sm-12,
     .pricing_area .col-sm-12 {
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: 30px;
     }

     .service_area,
     .team_area {
         margin-bottom: -30px;
     }

     /*--------------------------------------
  Quote Section
----------------------------------------*/
     .quote_form {
         margin-top: 55px;
         padding-bottom: 60px;
     }

     .quote_img {
         display: none;
     }

     .quote_area .quote_form {
         width: 100%;
         margin-top: 0px;
         padding-left: 30px;
         padding-right: 30px;
         padding-top: 52px;
     }

     /*--------------------------------------
  Pricing Section
----------------------------------------*/
     .pricing_area .col-sm-12 {
         margin-bottom: 15px;
     }

     .pricing_area {
         margin-bottom: -7px;
     }

     /*--------------------------------------
    Work Section
----------------------------------------*/
     .portfolio_wrp .hover-1 {
         width: 78%;
         overflow: hidden;
     }

     .portfolio_wrp .portfolio-item {
         flex: 0 0 50%;
         max-width: 50%;
     }


     /*--------------------------------------
    Testimonial Section
----------------------------------------*/
     .client_logo img {
         margin-top: 60px;
         padding: 0px;
     }

     .client_logo {
         margin-top: 77px;
     }

     /*--------------------------------------
    Blog Section
----------------------------------------*/
     .blog_area {
         padding-bottom: 20px;
     }

     .blog-post-style-2 {
         margin-bottom: -54px;
     }

     .blog_style_two .blog_image {
         width: 100%;
         float: left;
     }

     .blog_style_two .post-content.blog-content-box {
         width: 100%;
         float: left;
         margin-top: 15px;
         padding-left: 0px !important;
     }

     /*--------------------------------------
    Footer Section
----------------------------------------*/
     #subscribe_sec .elementor-icon {
         margin-top: 19px;
     }

     .refit_footer_top .col-md-3 {
         max-width: 50%;
         flex: 0 0 50%;
     }

     .footer-section .container .col-sm-2,
     .footer-section .container .col-sm-4 {
         width: 25% !important;
     }

     .footer-section .subfooter .col-md-6,
     .footer-section .subfooter .col-md-6 {
         width: 50% !important;
     }

     .widget_mailchimp #mc-embedded-subscribe {
         letter-spacing: 0px;
         font-size: 13px;
     }

     /*--------------------------------------
    Single Page
----------------------------------------*/


     #service_page .elementor-widget-wp-widget-nav_menu .elementor-widget-container,
     #service_page .cta_area {
         padding: 30px 25px;
     }

     #service_page .callto-text,
     #service_page .callto-link {
         text-align: left;
     }

     /*--------------------------------------
   Header Two
----------------------------------------*/
     .navigation_two .mainmenu a {
         padding-left: 23px;
     }

     .navigation_two .col-md-10 {
         flex: 0 0 83%;
         max-width: 80%;
     }

     /*--------------------------------------
   Header Three
----------------------------------------*/
     .navigation_three .container {
         left: 0%;
         margin-left: 0px;
         border-radius: 0px;
         max-width: 100%;
     }

     .navigation_three .social-nav {
         display: block;
     }

     .header_three ul {
         margin-right: -20px;
     }

     .header_three ul li {
         margin-right: 20px;
         margin-left: 0px;
     }

     .header_three .navbar-brand {
         padding-right: 0px;
     }

     .header_three .header_qut_btn {
         max-width: 21%;
     }

     .header_three .header_qut_btn .more-link {
         padding: 11px 18px;
     }

     .navigation_three .mainmenu li a {
         padding: 20px 20px 20px 0;
     }

     .navigation_three .mainmenu li ul li a {
         padding-left: 15px;
         padding-top: 10px;
         padding-bottom: 10px;
     }

     #promo_ho_thr .elementor-element.elementor-column::after {
         border-right: 8em solid transparent;
         border-left: 8em solid transparent;
     }

 }


 /*                          Phone
======================================================================================================================*/

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

     /*--------------------------------------
   Header Section
----------------------------------------*/
     #base-header {
         padding-left: 15px;
         padding-right: 15px;
     }

     #base-header p {
         width: 100%;
     }

     .header .col-sm-10 {
         display: none;
     }

     .header {
         padding-top: 30px;
         padding-bottom: 0px;
     }

     .logo {
         text-align: center;
     }

     .navbar-brand .logo img {
         margin-top: -16px;
     }

     .navigation {
         display: none;
     }

     .navbar-brand {
         height: 40px;
         padding: 0px 15px;
         flex: 0 0 100%;
         max-width: 100%;
     }

     .navbar-brand a {
         position: relative;
         top: -17px;
     }

     .social-nav {
         display: none;
     }

     div.slicknav_menu {
         text-align: center;
         background: #2d2b2b;
         padding: 0px;
     }

     .slicknav_btn {
         background-color: transparent;
     }

     ul.slicknav_nav {
         background-color: #2d2b2b;
     }

     .slicknav_nav a:hover {
         background: transparent;
         color: #d4b068;
     }

     .slicknav_nav a {
         text-transform: capitalize;
     }

     .slicknav_nav .slicknav_row:hover {
         background: transparent;
         color: #d4b068;
     }

     .slicknav_nav .slicknav_row:hover a {
         color: #d4b068;
     }

     .slide-text {
         margin-top: 57px;
     }

     .slides_wrapper h4 {
         letter-spacing: 1px;
         font-size: 24px;
         margin-top: -70px;
     }

     .slides_wrapper h2 {
         font-size: 63px !important;
         letter-spacing: 4px;
         line-height: 63px;
         margin-top: 15px;
     }

     .slick-prev.slick-arrow {

         right: 50%;
         margin-right: 5px;
         left: auto;

     }

     .slick-next.slick-arrow {
         left: 50%;
         margin-right: 5px;
     }

     button.slick-arrow {
         margin-top: -50px;
         top: 95%;
     }

     .nt_found label {
         width: 100%;
     }

     .nt_found .search-form::after {
         left: 100%;
         margin-left: -30px;
     }

     /*--------------------------------------
    About Section
----------------------------------------*/
     .elementor-lightbox-item {
         padding: 0px !important;
     }

     .about_text_wrap #base-header h3 {
         margin-top: -10px;
     }

     .count_wrp {
         margin-right: 0px;
         margin-bottom: 50px;
         overflow: hidden;
         width: 100%;
     }

     .count_text {
         width: 100%;
     }

     .promo_item {
         padding: 70px 50px 73px 50px !important;
     }

     .promo_item p {
         text-align: ;
     }

     /*--------------------------------------
    Service Section
----------------------------------------*/
     .service_area .col-sm-12 {
         margin-bottom: 30px;
     }

     .service_area .col-sm-12:last-child {
         margin-bottom: 0px;
     }

     .whychoose_img img {
         width: 100%;
         margin-bottom: 42px;
     }


     /*--------------------------------------
Team Section
----------------------------------------*/
     .team_area .col-sm-12 {
         margin-bottom: 30px;
     }

     .team_area .col-sm-12:last-child {
         margin-bottom: 0px;
     }

     .team-box img {
         width: 100%;
     }

     /*--------------------------------------
    Video quote Section
----------------------------------------*/

     #video .video-content {
         width: 100%;
     }

     .quote_area .quote_form,
     .quote_area .quote_img {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .quote_img img {
         width: 100%;
     }

     .quote_area .quote_form {
         padding-bottom: 60px;
         padding-top: 50px;
         padding-left: 15px;
         padding-right: 15px;
     }

     #quote_wrp.contact-form .submit-button {
         margin-top: 30px;
     }

     #quote_wrp.contact-form {
         padding-left: 0px;
         padding-right: 0px;
     }

     /*--------------------------------------
    Pricing Section
----------------------------------------*/
     .pricing_area .col-sm-12 {
         margin-bottom: 30px;
     }

     .pricing_area .col-sm-12:last-child {
         margin-bottom: 0px;
     }

     .pricing_box,
     .pricing_box_bg {
         text-align: center !important;
     }

     /*--------------------------------------
  Work  Section
----------------------------------------*/
     .filter_col_2 {
         width: auto;
         margin-right: 0px;
     }

     .filter_col_2 ul li {
         display: inline-block;

     }

     .portfolio_wrp .filter_col_2 ul li a {
         margin-bottom: 5px !important;
     }

     .portfolio_wrp .hover-1 {
         width: 100%;
     }

     .portfolio_wrp .effect img {
         width: 100%;
     }

     .portfolio_wrp .col-md-3 {
         width: 50%;
     }

     /*--------------------------------------
    Testimonial Section
----------------------------------------*/

     .testi_area {
         margin-bottom: -20px;
     }

     .client_logo {
         margin-top: 62px;
     }

     .testi-style-2 .testi_img {
         padding-bottom: 20px;
     }

     .testi-style-2 {
         padding-bottom: 20px;
     }

     /*--------------------------------------
    BLog Section
----------------------------------------*/
     .blog-post-style-2 {
         margin-bottom: -30px;
     }

     .partner_area .container:last-child {
         padding-left: 15px;
         padding-right: 15px;
     }

     .entry-content blockquote {
         padding: 30px 20px;
         background: #ecf2f2;
         border-left: 4px solid #fda12b;
         margin: 36px 0 31px;
         font-size: 18px;
         color: #877c7c;
         line-height: 30px;
         position: relative;
     }

     .entry-content blockquote p {
         padding-left: 160px;
     }

     .entry-content blockquote::after {
         content: "\f10e";
         font-family: fontawesome;
         font-size: 100px;
         top: 50%;
         position: absolute;
         color: #dfdfdf;
         transform: rotate(180deg);
         margin-top: -33px;
         left: 0;
         margin-left: 39px;
     }

     .entry-content blockquote h3 {
         font-size: 18px;
         color: #222;
         padding-left: 160px;
         margin-bottom: 0px;
         font-weight: 500;
         color: #1a2940;
     }

     .entry-content blockquote h3 span {
         color: #fda12b;
         font-size: 15px;
     }

     /*--------------------------------------
    Newsletter Section
----------------------------------------*/
     .newsletter_form {
         padding-top: 0px;
         padding-bottom: 60px;
     }

     #subscribe_sec .elementor-icon-box-icon {
         display: inline;
         float: left;
         margin-bottom: 5px;
     }

     #subscribe_sec .elementor-icon {
         margin-top: -5px;
         margin-right: 15px;
     }

     #subscribe_sec {
         padding-top: 50px;
     }

     .newsletter_form button[type="submit"] {
         padding: 10px 20px 10px 20px;
     }


     /*--------------------------------------
    Footer Section
----------------------------------------*/

     .footer-section {
         padding-top: 76px;
         padding-bottom: 86px;
     }

     .footer-section .widget h5 {
         margin-bottom: 20px;
     }

     .footer-links a {
         float: left;
         margin: 0px 12px;
     }

     .footer-section .col-md-4,
     .footer-section .col-md-2,
     .footer-section .col-md-3 {
         text-align: center;
     }

     .footer-section .widget p {
         padding-right: 0px;
     }

     .footer-section .subfooter .col-md-6,
     .footer-section .subfooter .col-md-6 {
         width: 100% !important;
     }

     .subfooter {
         padding: 10px 23px 10px 24px;
     }

     .subfooter p {
         float: none;
     }

     .footer-section .widget {
         text-align: left;
         padding-bottom: 6px;
     }

     .widget {
         margin-bottom: 30px;
     }

     .refit_footer_bottom {
         text-align: center;
     }

     /*--------------------------------------
    Blog Page
----------------------------------------*/
     .adam_breadcrum_area {
         height: 240px;
     }

     .adam_breadcrum_area h1 {
         font-size: 30px;
         margin-top: -5px;
         line-height: 35px;
     }

     header .container {
         padding-top: 158px;
     }

     .blog-header {
         padding-left: 0px;
     }

     .blog-header h3 {
         line-height: 40px;
     }

     .widget-area {
         margin-top: 85px;
         margin-bottom: -30px;
     }

     .adam_internal_area .col-sm-8 {
         padding-right: 15px;
     }



     /*--------------------------------------
   Header Two
----------------------------------------*/
     .navigation_none.navigation_two {
         display: block;
     }

     .navigation_two .mainmenu {
         display: none;
     }

     .navigation_two .navbar-brand {
         height: 66px;
         margin-top: 10px;
         padding-bottom: 0px;
     }

     .header.header_two {
         display: none;
     }

     /*
   Promo Section
------------------------*/
     .promo_item_wrap {
         width: 100%;
     }

     /*
    Call To Action Section Two
----------------------------------------*/
     .cta_wrp.cta-style-2 {
         text-align: center !important;
     }

     .cta_wrp.cta-style-2 .callto-link {
         float: none;
         margin-top: 25px;
     }

     .cta_wrp.cta-style-2 .callto-link a {
         margin-left: 0px;
     }

     .cta_wrp.cta-style-2 .cta_icon {
         float: none;
         margin-right: 0px;
         margin-top: -13px;
     }

     .callto-link span::after {
         display: none;
     }

     /*=================================
        SINGLE PAGES
=================================-*/
     /*
    Contact Page
----------------------------------------*/
     .contact_area .col-sm-12 {
         padding-left: 15px;
     }

     .contact_area .col-md-5.col-sm-12 {
         padding-left: 15px;
         padding-right: 15px;
         margin-top: 50px;
     }

     .contact-form .col-md-6.col-sm-12,
     .contact-form .col-sm-12 {
         padding-left: 0px;
         padding-right: 0px;
     }

     /*
    Service  Page
----------------------------------------*/
     #service_page .elementor-widget-wp-widget-nav_menu .elementor-widget-container {
         margin-top: 20px;
     }


     /*--------------------------------------
   Header Three
----------------------------------------*/

     .header_three .header_wrp_thr,
     .header_three .header_qut_btn {
         display: none;
     }

     .header.header_three {
         padding-bottom: 0px;
     }

     .slider_des span {
         display: inline;
     }

     #promo_ho_thr .elementor-element.elementor-column::after {
         display: none;
     }

     #promo_ho_thr .elementor-element.elementor-column::before {
         top: auto;
         height: 2px;
         bottom: 0;
     }

     #promo_ho_thr .elementor-element-populated {
         border-width: 0px 0px 1px 0;
     }

     .testi_crsl .slick-next.slick-arrow {
         left: auto;
         top: 50%;
     }

     .testi_crsl button.slick-arrow {
         top: 50%;
     }

     #serv_ho_thr .elementor-element.elementor-column.elementor-inner-column,
     #sertw_ho_thr .elementor-element.elementor-column.elementor-inner-column {
         max-width: 540px;
         margin: auto;
     }

     #quote_ho_thr .container {
         padding-left: 15px;
         padding-right: 15px;
     }

     #sertw_ho_thr .elementor-swiper-button {
         padding: 0px 30px;
     }

 }

 /* Mobile Vertical Layout: 488px
==================================================================================================================*/

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

     /*--------------------------------------
    About Section
----------------------------------------*/

     .testi_area {
         margin-bottom: -20px;

     }

     .client_logo {
         margin-top: 62px;
     }

     .client_logo img {
         width: 50% !important;
     }

     #quote_wrp.contact-form {
         padding-left: 15px;
         padding-right: 15px;
     }

     .portfolio_wrp .col-md-3 {
         width: 100%;
     }

     .callto-link span {
         display: block;
         margin-bottom: 15px;
     }

     .callto-link .more-link {
         margin-left: 0px;
     }

     /*--------------------------------------
    Blog Section
----------------------------------------*/
     .blog_area {
         padding-bottom: 20px;
     }

     .blog-post-style-2 {
         margin-bottom: -54px;
     }

     .blog_style_two .blog_image {
         width: 100%;
         float: left;
     }

     .blog_style_two .post-content.blog-content-box {
         width: 100%;
         float: left;
         margin-top: 15px;
         padding-left: 0px !important;
     }

     /*--------------------------------------
    Single Page
----------------------------------------*/

     #service_page .gallery {
         margin: 0px;
     }

     #service_page .gallery-item {
         padding: 0 0 25px 0;
     }

     #service_page .gallery-item:last-child {
         padding: 0px;
     }

     .scrollup {
         display: block;
         margin: auto;
         float: inherit;
     }

     .refit_footer_bottom .row {
         flex-direction: column;
     }

 }