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

.navigation { }
.navigation ul { padding: 0; list-style-type: none; margin: 0;}
.navigation ul.menu {margin: 0;position: relative; z-index: 3;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.navigation ul.menu ul { /*display: none;*/border-radius: 0; position: absolute; z-index: 1000; transform: translate(0, 20px); padding: 0; left: 0; min-width: calc(230px); background-color: #fff; top: 100%; white-space: nowrap; opacity: 0; z-index: 555; visibility: hidden; text-align: left; transition: all .2s ease; border: 0; padding: 25px 10px; box-shadow: 0 0 15px rgb(60 72 88 / 25%); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.navigation-open, .navigation-close { display: none; }
.navigation ul.menu li { position: relative;    padding: 0 0 10px; margin: 0;}
.navigation ul.menu > li { z-index: 2; text-align: left;float: left; }
.navigation ul.menu > li { padding: 0 31px; }
.navigation ul.menu > li:before{ display: none }
.navigation ul.menu > li > a {float: left; letter-spacing: 0px; font-size: 15px; font-weight: 600;  text-transform: uppercase; }
.navigation ul.menu li.has-sub .sub-menu {padding: 20px 20px;  position: absolute; min-width: 250px;background: #fff; z-index: 5; opacity: 0; top: 100%; visibility: hidden; margin-top: 40px; display: block; pointer-events: auto; font-weight: 400; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.menu-back, .menu > li > .toggle-submenu { display: none; }
.toggle-submenu { display: block; height: 32px; width: 30px; position: absolute; right: 0;top: 0; pointer-events: none; }
.toggle-submenu:before, .toggle-submenu:after { content: ""; display: block; width: 6px; height: 10px; position: absolute; right: 50%; top: 50%; margin: -5px -3px 0 0; }
.toggle-submenu:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6px' height='10px' viewBox='0.5 190.5 6 10'%3e%3cpath fill='%23333333' d='M6.337,195.109l-4.545-4.449c-0.105-0.104-0.245-0.16-0.395-0.16c-0.149,0-0.29,0.057-0.395,0.16l-0.334,0.327 c-0.218,0.214-0.218,0.561,0,0.774l3.816,3.736l-3.821,3.74c-0.105,0.104-0.163,0.241-0.163,0.387 c0,0.147,0.058,0.285,0.163,0.387l0.334,0.328c0.105,0.104,0.246,0.16,0.396,0.16s0.29-0.057,0.395-0.16l4.549-4.453 c0.105-0.104,0.164-0.242,0.163-0.389C6.5,195.352,6.442,195.213,6.337,195.109z'/%3e%3c/svg%3e"); }
.toggle-submenu:after { opacity: 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6px' height='10px' viewBox='0.5 190.5 6 10'%3e%3cpath fill='%23660460' d='M6.337,195.109l-4.545-4.449c-0.105-0.104-0.245-0.16-0.395-0.16c-0.149,0-0.29,0.057-0.395,0.16l-0.334,0.327 c-0.218,0.214-0.218,0.561,0,0.774l3.816,3.736l-3.821,3.74c-0.105,0.104-0.163,0.241-0.163,0.387 c0,0.147,0.058,0.285,0.163,0.387l0.334,0.328c0.105,0.104,0.246,0.16,0.396,0.16s0.29-0.057,0.395-0.16l4.549-4.453 c0.105-0.104,0.164-0.242,0.163-0.389C6.5,195.352,6.442,195.213,6.337,195.109z'/%3e%3c/svg%3e"); }
.navigation ul.menu li.has-sub .sub-menu a {padding: 8px 0px; display: block;letter-spacing: 1px;font-size: 15px; color: #222222;line-height: normal;}
.navigation ul.menu li.has-sub .sub-menu a:after {position: absolute;content: "";background-color:  #D00202 ; width:0px;height: 3px;left: 0;top: 0;bottom: 0;margin: auto;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.navigation ul.menu li.has-sub .sub-menu li:hover a:after, .navigation ul.menu li.has-sub .sub-menu li.selected a:after {width: 10px;}
.navigation ul.menu > li:hover > a, .navigation ul.menu > li.selected > a {color: #D00202 ;}
.navigation ul.menu li.has-sub li.has-sub .sub-menu { left: 100%; top: 50px; }
.navigation ul.menu li.has-sub:hover > .sub-menu {display: block !important; opacity: 1; visibility: visible; margin-top: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.navigation ul.menu li:hover { overflow: visible; }
.navigation ul.menu li:hover ul{ display:block;}
.navigation ul.menu li.has-sub li.has-sub:hover .sub-menu { top: 0; }
.navigation ul.menu li.has-sub .sub-menu li:hover > .device-toggle:before { opacity: 0; }
.navigation ul.menu li.has-sub .sub-menu li:hover > .device-toggle:after { opacity: 1; }
.navigation ul.menu li:hover > .toggle-submenu:before { opacity: 0; }
.navigation ul.menu li:hover > .toggle-submenu:after { opacity: 1; }
.navigation ul.menu li.has-sub .sub-menu li:hover > a, .navigation ul.menu li.has-sub .sub-menu li.selected > a { color: #D00202 ;padding-left: 20px; }
.navigation ul.menu li:before{ display: none; }

.navigation .menu li:hover ul.sub-menu {opacity: 1; visibility: visible; }
.navigation ul.menu li.megamenu { position: static;} 
.navigation .menu .megamenu ul.sub-menu {border-radius: 0 0 10px 10px;left: 61.7%;transform: translateX(-50%);width: 1530px;margin-top: 75px !important;border-top: 1px solid #d00202;padding: 41px 620px 70px 60px;min-height: 450px;} 
.navigation .menu .megamenu ul.sub-menu li {/*width: 374px;*/float: left;position: static;padding: 0 0 17px;        margin-right: 90px;} 
.navigation .menu .megamenu ul.sub-menu li a { position: static;  font-size: 16px;  font-weight: 600;} 
.navigation .menu .megamenu ul.sub-menu li a img {position: absolute;right: 59px;padding: 0px !important;top: 50%;transform: translate(0, -50%);max-width: 515px;object-fit: cover;mix-blend-mode: darken;height: 335px;border-radius: 15px;}

.navigation .menu .megamenu ul.sub-menu li a span {padding-left: 0}
.navigation .menu li.megamenu ul.sub-menu li:not(.show-image) a img { display: none}


.navigation .menu .megamenu ul.sub-menu li a{border-radius: 10px;padding: 12px 20px;background: #fff;color:#000;}
.navigation .menu .megamenu ul.sub-menu li:hover a{ background: #D00202;color:#fff;}

header.sticky .navigation ul.menu > li:hover > a, header.sticky .navigation ul.menu > li.selected > a {  color: #D00202;}
header.sticky .navigation .menu .megamenu ul.sub-menu {    margin-top: 50px !important;}
 
 
.navigation ul.menu li > .sub-menu li a { border-radius: 10px; padding: 12px 28px; background: #fff; color: #000; display: inline-block; width: 100%;} 
.navigation ul.menu li > .sub-menu li:hover a{background: #D00202; color: #fff;   }
.navigation .menu .megamenu ul.sub-menu li a {   width: 300px;}

.contact_menu{display:none;}



}

/* For 110*/
@media (min-width: 1601px) and (max-width: 1800px) {
.inner-banner-img {  min-height: 324px;}
.page-template-common-template .about_left_content{    padding: 00px 3px 0 100px;}




}




/* For 125*/
@media (min-width: 1400px) and (max-width: 1600px) {
.navigation .menu .megamenu ul.sub-menu {  left: 63.8%; width: 1360px; }  
.container { max-width: 1380px;} 
.navigation ul.menu > li {  padding: 0 20px;}  
.about_left_content {  padding: 00px 3px 0 83px;}  
.main_title .h1, .single-locksmith-service .main_title .h1 { font-size: 45px;} 
.about_left_content ul { margin: 0;}  
.popular_service_section .four-boxes-inner p { margin: 0 0 15px;font-size: 18px; line-height: 30px;} 
.our_service_section .service-text .btn { padding: 12px 18px;} 

.footer_links_box.mobile-accordion.footer_contact .address br{display:none;}  
.home_banner figure.home_banner_main figcaption .banner_content_box .h1 {  font-size: 50px; line-height: 60px;}
.banner_content_box span { font-size: 30px; line-height: 40px;}  

.home_banner figure.home_banner_main {height: 800px;}
.home_banner figure.home_banner_main figcaption {  margin-top: 0px;}
.banner-form { margin-top: 0px;}
.banner-form-inner h3, .banner-form .banner-form-inner p { padding: 0 0 25px}
.banner-form-inner {  padding: 35px 33px 30px;}
.main_logo { width: 140px;}
.product_bx ul li { font-size: 16px;  line-height: 28px;}
.page-template-products .inner_about_content .small_content_img { top: 35%;width: 220px;    right: -26px;}
#big {width: 100%;}

.team_bx_content p {  margin-bottom: 0;}  
.timeline-item.left .year { left: 109%;}
.timeline-item.right .year { left: -156px;}
.inner-banner-img { background-position: 0px -27px !important;} 
 
 

.contact_bx span { height: 60px; width: 60px;  margin: 0 auto 20px;} 
.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p { font-size: 14px;}
.contact_bx span svg { height: 30px;}
.contact_bx { padding: 30px 20px 40px; background-size: cover;min-height: 220px;} 
 
.related-content .h3 { font-size: 22px;}
.static-logo li:after {  right: -26%;}
 
 
.navigation .menu .megamenu ul.sub-menu li { /*width: 330px; */       margin-right: 30px;}
.navigation .menu .megamenu ul.sub-menu { margin-top: 60px !important;}
 
}


/* For 150*/
@media (min-width: 1200px) and (max-width: 1399px) {
section { padding: 70px 0;}    
.container {max-width: 1170px;}
.call_bx .btn, .btn, .btn input { min-width: 150px;}
.call_detail_bx { margin: 0 20px 0 0;}

.navigation ul.menu > li { padding: 0 12px;}
.navigation ul.menu > li > a {  font-size: 13px;}
.navigation .menu .megamenu ul.sub-menu { left: 63%; width: 1140px; margin-top: 47px !important;     padding: 30px 470px 20px 15px; min-height: 390px; }  
.navigation .menu .megamenu ul.sub-menu li { /*width: 290px;*/margin-right: 20px;}    
.navigation .menu .megamenu ul.sub-menu li a img {  max-width: 400px;        right: 30px;}

.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p {  font-size: 13px;}
.contact_bx span { height: 50px; width: 50px;   border-radius: 10px;    margin: 0 auto 20px;}
.contact_bx span svg { height: 35px !important;}
.contact_bx .h4 { font-size: 18px;}
.main_logo { width: 100px;}
.map_bx iframe {   height: 400px;}
.contact-detail { padding-right: 0;}
.inner_banner_caption h1, .inner_banner_caption .h1 {  font-size: 35px;} 
.inner_breadcrumb ol li { font-size: 15px;}
.inner-banner-img {  min-height: 260px;}
.footer_logo + p { width: 100%;}

.home_banner figure.home_banner_main figcaption .banner_content_box .h1 {  font-size: 50px; line-height: 60px;}
.banner_content_box span { font-size: 30px; line-height: 40px;}  

.home_banner figure.home_banner_main {height: 700px;}
.home_banner figure.home_banner_main figcaption {  margin-top: 0px;}
.banner-form { margin-top: 0px;}
.banner-form-inner h3, .banner-form .banner-form-inner p { padding: 0 0 25px}
.banner-form-inner {  padding: 35px 33px 30px;}
.owl-prev {    left: -44px;}
.owl-next{right: -44px;}
.popular_service_section .four-boxes-inner p {  font-size: 14px; line-height: 22px;    margin: 0 0 10px;}
.popular_service_section .four_title { font-size: 20px; line-height: 25px; margin: 0 0 10px;}
.popular_service_section .view-service { font-size: 12px; line-height: 26px;}
.title_main {  font-size: 40px;}

.our_service_section .our_service_section_title .main_title { width: 850px;}
.about_left_content { padding: 0px 3px 0 60px;}
.main_title .h1 {font-size: 35px;}
.single-locksmith-service .about_left_content .main_title .h1 { font-size: 23px;}
.about_left_content ul {margin: 0;}
.our_service_section .four_title {  font-size: 18px;}
.our_service_section .four-boxes-inner p { font-size: 14px; line-height: 22px;}
.our_service_section .four-boxes-inner { padding: 40px 30px 50px;}
#contact-cta-section .title_main {  line-height: 50px;}
.footer_links_box.mobile-accordion.quick_links {  padding-left: 25px;}
.footer_links_box.mobile-accordion.footer_contact .address br{display:none;}  

.footer .footer_links_box p { font-size: 14px; line-height: 25px;}
.footer .footer_links_box ul li a { font-size: 14px;  line-height: 25px;}
.copyright_footer .copyright_footer_link ul li p, .copyright_footer .copyright_footer_link ul li p a, .copyright_footer_link p, .copyright_footer_link p a, .privacy_link ul li a, .privacy_link ul li { font-size: 14px;}
.copyright_footer .container {  padding-top: 20px; padding-bottom: 20px;}
.footer {    padding: 40px 0 0 0;}
 header.sticky .navigation .menu .megamenu ul.sub-menu {  margin-top: 48px !important; }
.popular_service_section .our_service_section_title .main_title { width: 890px;}

.testimonial-box p {    font-size: 16px;    line-height: 24px;}
.accordion .accordion-body p { font-size: 14px;}
.accordion .accordion-header .accordion-button {  font-size: 16px;}
.accordion .accordion-body { padding-left: 17px;    padding-right: 17px;}
.why-section .about_left_content p { font-size: 14px;}
.main_title p {  font-size: 14px;}
.our_service_section .service-text .btn { padding: 12px 20px;}
.about_left_content ul li { font-size: 14px;line-height: 23px;}
.about_content p { font-size: 14px;  line-height: 23px;}
.home_banner figure.home_banner_main figcaption .banner_content_box p {  font-size: 14px;  line-height: 25px;}

#bannerform input, #bannerform textarea, #bannerform select { font-size: 14px; padding: 10px 15px 10px;}
#bannerform textarea, .contactpage-form #bannerform textarea { padding: 10px 15px;}
#bannerform select {  background-position: 347px 10px;}
.phone-icon { line-height: 38px;}

.register_logo { height: 160px; width: 160px; padding: 6px;}
.Logo-circle {font-size: 38px; width: 110px; height: 110px; line-height: 110px;}
.rotate_bg {    background-size: cover !important;}
.why-img {  margin-right: 0;width: 550px;}
.why-img-bx span { left: 25%;}
.why-section { padding: 70px 0;}
.popular_service_section { padding-bottom: 90px;}
.privacy_link ul li a, .privacy_link ul li {font-size: 14px;  line-height: 22px;}
.product_bx h4 { font-size: 20px; line-height: 30px;}
.product_bx ul li { font-size: 16px; line-height: 26px;    padding-left: 30px;}
.products-page-full-content .full_content_data { max-width: 100%;}
.products-page-full-content .full_content_data .main_title .h3{    line-height: 40px;}
.client-logo img { height: 50px;}
.product_img img {height: 125px;}
.product_img { height: 200px; line-height: 200px;}
.page-template-products .inner_about_content .small_content_img { top: 34%;width: 200px;}
.big_content_img > img { width: 90%;}
.navigation .menu .megamenu ul.sub-menu li a { font-size: 13px;}
.page-template-products .inner_about_content {  padding-top: 70px;}
.location_list li a {  padding: 10px 13px; min-width: 200px; min-height: 33px; font-size: 14px;}
.location-listing { padding: 100px 0 100px;}

.single-location .full_content { padding: 70px 0 70px;}
.single-location .why-section { padding: 70px 0;}
#big {width: 100%;    height: 550px;}
.single-products #inner_banner {  min-height: 90px;}
.related-products-section .main_title .h3 {  font-size: 30px;  line-height: 38px;}
.related-content .h3 { font-size: 20px;}
.related-img img {max-height: 100px;}
.related-img {  height: 180px;}

.product_description .accordion .accordion-body p { font-size: 13px; line-height: 21px;}
.product_detail_content_section .main_title .btn { min-width: 100%;}
.product_detail_content_section .main_title .h3 { font-size: 30px; margin: 0 0 10px; line-height: 38px;}
.product_detail_content_section .main_title p { margin: 0 0 20px; font-size: 12px;}
.product_detail_content_section .main_title { margin: 0 0 20px;}
.product_detail_content_section {padding: 0 0 0 10px;}
.product_description .accordion .accordion-header .accordion-button { padding: 10px 0;}
#big .item > a img { width: 90%;}
.page-template-common-template .why-section { padding: 70px 0;}
.page-template-common-template .why-choose-boxes .four-boxes-inner p{ font-size: 18px;  line-height: 29px;}
.page-template-common-template .why-choose-boxes .four-boxes-inner p { margin: 0 0 10px; font-size: 14px; line-height: 23px;}
.page-template-common-template .why-choose-boxes .four_title {   font-size: 20px;  margin: 0 0 10px;}

.page-template-common-template .about_left_content .button_box { margin: 10px 0 0 0;}
.page-template-common-template .why-section .about_left_content .button_box {  margin: 30px 0 0 0;}
.page-template-common-template .why-choose-boxes .four_icon img { height: 50px;}
.page-template-common-template .why-choose-boxes .four_icon { margin: 0 0 20px;}
.page-template-common-template .whychoose_section { padding-bottom: 45px; padding-top: 130px;}
.page-template-common-template .about_left_content { margin-top: 0;}
.page-template-common-template .about_content { padding-top: 70px; padding-bottom: 40px !important;}
.page-template-common-template .about_content .about-img img { height: 530px;}
.page-template-common-template .about_content p { margin-bottom: 10px;}
.page-template-common-template .why-section .why-img img { width: 470px;}
.page-template-common-template .why-img-bx span { width: 220px; height: 245px;left: 140px;}

.inner_about_content.left_img .why_content ul li{    font-size: 14px;}
.single-locksmith-service .about_content .about-img img {  height: 520px;} 
.single-locksmith-service .about_content .button_box {margin: 15px 0 0; } 
.team_bx_content p {  margin-bottom: 0;} 
.timeline-item.left {margin-left: 22px; width: 470px; } 
.timeline-item.right .content { min-width: 470px;} 
.timeline-item.right .year {left: -92px;} 
.timeline-item.right {left: 57.8%; } 
.timeline-item.left .year { left: 108%;} 
.team_member_img { height: 285px;} 
.team_bx_content p {  font-size: 14px;} 
.team_bx_content .h4 { font-size: 16px; line-height: 22px;} 
.page-template-common-template .whychoose_section {  padding-top: 70px; } 
.trusted_section {padding: 70px 0 70px;} 
.big_content_img > img { clip-path: polygon(0% 0%, calc(100% - 130px) 0%, 100% 151px, 100% 100%, 0% 100%);} 
.inner_about_content.left_img .small_content_img { top: 230px; height: 200px; width: 200px; }

.inner-banner-img {  background-position: 0px -71px !important;}

.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p { font-size: 12px;}
.contact_bx { padding: 23px 20px 28px;}

.static-logo li:after {  right: -69%; bottom: 9px;  height: 30px;}
.static-logo li img {height: 45px;}
.partner-section {  padding: 10px 0;}
.navigation .menu .megamenu ul.sub-menu li a { width: 280px; }
 .single-locksmith-service .small_title { font-size: 14px; letter-spacing: 0;}   
   
  
.single-locksmith-service .inner_about_content .main_title .h1 { font-size: 26px;}
   
   
   
   
   
   
   
   
    
}


/* For 175*/
@media (min-width: 1080px) and (max-width: 1200px) {
section { padding: 70px 0;}  
.container { max-width: 950px;}
.navigation ul.menu > li { padding: 0 10px;}
.btn, .btn input { min-width: 120px;}
.call_bx .btn{ border-radius: 6px; padding: 10px 15px;    font-size: 14px;   min-width: 90px;        height: auto;}
.call_detail_bx { margin: 0 10px 0 0;}
.navigation ul.menu > li > a {  font-size: 12px;}
.navigation .menu .megamenu ul.sub-menu { left: 65.5%; width: 930px; margin-top: 48px !important; padding: 40px 330px 63px 19px;        min-height: 320px;} 
.navigation .menu .megamenu ul.sub-menu li {/* width: 280px;*/margin-right: 20px;}
.navigation .menu .megamenu ul.sub-menu li a img {  max-width: 380px;}
.navigation .menu .megamenu ul.sub-menu li a img { right: 40px;  top: 46%;}   
header.sticky .navigation .menu .megamenu ul.sub-menu { margin-top: 42px !important;}

.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p {  font-size: 10px;}
.contact_bx span { height: 50px; width: 50px;   border-radius: 10px;    margin: 0 auto 10px;}
.contact_bx span svg { height: 30px !important;}
.contact_bx .h4 { font-size: 14px;}
.main_logo { width: 100px;}
.map_bx iframe {   height: 400px;}
.contact-detail { padding-right: 0;}
.call_detail_bx span { padding: 0 0px 0 10px;  font-size: 12px;}
.call_detail_bx span a { font-size: 14px;}   
header.sticky .main_logo img { max-width: 80px;}    
.inner_banner_caption h1, .inner_banner_caption .h1 {  font-size: 35px;}  
.inner_breadcrumb ol li { font-size: 15px;}
.inner-banner-img {  min-height: 260px;}

.contact_bx {  padding: 20px 10px 30px;}
.footer_logo + p {  width: 100%;}
.footer .footer_links_box p { font-size: 12px; line-height: 20px; margin-bottom: 15px;}
.footer .footer_links_box ul li a { font-size: 12px;  line-height: 20px;}
.footer .footer_links_box ul li span { margin: 0px 5px 0 0px; width: 20px;}
.footer .footer_links_box ul li span svg {width: 19px;}   
.footer_links_box.mobile-accordion.footer_contact { padding-left: 0;}
.footer_links_box.mobile-accordion.quick_links { padding-left: 20px;}   
.copyright_footer .container { padding: 10px 0; }   
.copyright_footer .copyright_footer_link ul li p, .copyright_footer .copyright_footer_link ul li p a, .copyright_footer_link p, .copyright_footer_link p a, .privacy_link ul li a { font-size: 12px; line-height: 20px;}  
.top_footer { padding: 0 0 30px;}   
.footer .footer_links_box .social_follow li a { height: 35px; width: 35px; line-height: 31px;}
.footer .footer_links_box .social_follow li a svg {  height: 15px;}   
.footer_links_box.mobile-accordion.footer_contact .address br{ display:none;}
.title_main{ font-size: 30px;}
.faq_right_sec { padding: 50px 40px 30px;}


#contact-cta-section .title_main { font-size: 30px;line-height: 45px;}


.accordion .accordion-header .accordion-button { padding: 13px 17px 0; font-size: 14px;line-height: 19px;}
.accordion .accordion-body { padding-left: 17px; padding-right: 17px;}
.accordion .accordion-body p { font-size: 13px;}
.testimonial-box p { font-size: 13px; line-height: 22px;}


.home_banner figure.home_banner_main figcaption .banner_content_box .h1 { font-size: 35px; line-height: 40px;}
.banner_content_box span { font-size: 25px; line-height: 28px;}
.home_banner figure.home_banner_main figcaption .banner_content_box p {  font-size: 14px; line-height: 20px;}
.home_banner figure.home_banner_main figcaption { margin-top: 0;}
.banner-form {  margin-top: 0;}
 #bannerform input, #bannerform textarea, #bannerform select { font-size: 14px;  padding: 10px 15px 10px;}   
 #bannerform .form-group {margin-bottom: 10px;}   
.banner-form-inner h3, .banner-form .banner-form-inner p {  padding: 0 0 20px;}  
.banner-form-inner { padding: 35px 33px 20px;}   
#bannerform input.wpcf7-submit {  margin: 0;}
.submit-bx .wpcf7-spinner { top: 15px;}  
.desk-menu {  width: calc(100% - 100px);}
.phone-icon { height: 40px; width: 40px;line-height: 39px;}    
.menu-item-has-children > a:before { right: -8px;  top: 2px;    font-size: 10px;}   
.home_banner figure.home_banner_main {  height: 650px;} 
.wpcf7 form .wpcf7-response-output{margin: 10px 0.5em !important; font-size: 12px; padding: 0 !important;} 
#bannerform textarea, .contactpage-form #bannerform textarea {  height: 80px;}    
label.error{ font-size: 12px;}   
#bannerform select {  background-position: 348px 10px;}   
.about_left_content {  padding: 0px 3px 0 80px;}   
.main_title .h1, .single-locksmith-service .main_title .h1 {  font-size: 30px;}  
.small_title { font-size: 15px; letter-spacing: 1px;}    
.about_content p { font-size: 14px;  line-height: 22px;}    
.about_left_content ul {  margin: 0;}    
.about_left_content ul li { font-size: 14px; line-height: 22px; }  
.register_logo { height: 160px; width: 160px; padding: 6px;}
.Logo-circle {font-size: 38px; width: 110px; height: 110px; line-height: 110px;}
.rotate_bg {    background-size: cover !important;}    
.popular_service_section .our_service_section_title .main_title {width: 700px;}   
.main_title p {  font-size: 14px;}   
.popular_service_section .four_icon svg {  height: 50px;width: 50px;}
.popular_service_section .four_title { font-size: 16px;  line-height: 25px; margin: 0 0 15px;}
.popular_service_section .four-boxes-inner {  padding: 15px;}    
.popular_service_section .four-boxes-inner p {  margin: 0 0 10px; font-size: 13px; line-height: 20px;}
.popular_service_section .view-service { font-size: 11px; line-height: 25px;}   
.popular_service_section .four_icon {  margin: 0 0 10px; }    
.owl-nav button { height: 35px; width: 35px; border-radius: 5px;}
.owl-nav button span svg { height: 15px;}   
.owl-prev {left: -45px;}    
.owl-next { right: -45px;}   
.our_service_section .our_service_section_title .main_title { width: 690px;}
.our_service_section .service-text .btn { padding: 8px 10px; font-size: 13px;  min-width: inherit; height: inherit; border-radius: 5px;}  
.our_service_section .four-boxes-inner { padding: 40px 20px 50px;}   
.our_service_section .four_title { margin: 0 0 10px; font-size: 18px; line-height: 24px;}   
.our_service_section .four_icon { margin: 0 0 15px;}  
.our_service_section .four_icon img { width: 40px;}
.our_service_section .four-boxes-inner p { font-size: 14px;}
.why-section { padding: 65px 0;}
.why-section .about_left_content p { font-size: 14px;}
.why-img-bx span { left: 20%; width: 250px; height: 270px;}
.testimonial_writer_right .post { font-size: 14px;}
.testimonial-box {  padding: 20px 25px 30px;}
    
.testimonial-box:after { right: 30px;  top: 20px; height: 30px;  width: 40px; background-size: cover;}  
.testimonial-box p { margin: 20px 0 10px;  }
.testimonial-box .h4 { line-height: 20px;}
.accordion .accordion-item { margin-bottom: 15px;}
   
.social_follow {  margin: 15px 0 0; }   
.footer .footer_links_box.footer_contact li { margin-bottom: 8px;}
    
.phone_bx, .mail_bx, .address { line-height: 18px;}   
.footer_links_box.mobile-accordion.footer_contact .address {margin: 0;}    
.privacy_link ul li a, .privacy_link ul li {font-size: 12px;}  
.footer_logo { margin-bottom: 15px; padding-left: 0; margin-top: 0;}    
.footer { padding: 50px 0 0 0;}
.footer_logo img { width: 110px;}
.footer .footer_links_box .title {  margin-bottom: 10px;font-size: 16px; }
.navigation .menu .megamenu ul.sub-menu li a { font-size: 13px; padding: 10px 20px;}
.navigation .menu .megamenu ul.sub-menu li a img {max-width: 290px; height: 230px;right: 30px; top: 50%;  } 
.navigation .menu .megamenu ul.sub-menu li { width: 270px; float: left; position: static; padding: 0 0 20px; }   

    
.product_bx h4 { font-size: 16px; line-height: 25px;}   
.product_bx ul li { font-size: 14px; line-height: 22px;    padding-left: 24px;}   
.product_bx ul li:before { height: 19px; width: 19px;background-size: contain;} 
.page-template-products .inner_about_content {    padding-top: 70px;}  
.why_content p {    font-size: 14px;    line-height: 22px;}

.page-template-products .why_content p + p {    margin: 10px 0 0;} 
    
.why_content .button_box {    margin: 20px 0 0;} 
.products-page-full-content .full_content_data .main_title .h3 { line-height: 40px;}   
.location_list { gap: 25px;}  
.location_list li a {  padding: 10px 13px; min-width: 200px; min-height: 33px; font-size: 14px;}   
.location-listing { padding: 100px 0 100px;}
.single-location .why-section { padding: 70px 0;}    
.single-location .full_content { padding: 70px 0 70px;}

#big {width: 100%;    height: 600px;}
.single-products #inner_banner {  min-height: 90px;}
.related-products-section .main_title .h3 {  font-size: 30px;  line-height: 38px;}
.related-content .h3 {         font-size: 14px; line-height: 21px;}
.related-img img {max-height: 100px;}
.related-img {  height: 150px;}
.related-content a {font-size: 12px;}
.related-content p { font-size: 13px; line-height: 20px;}
.product_description .accordion .accordion-body p { font-size: 13px; line-height: 21px;}
.product_detail_content_section .main_title .btn { min-width: 100%;}
.product_detail_content_section .main_title .h3 { font-size: 30px; margin: 0 0 10px; line-height: 38px;}
.product_detail_content_section .main_title p { margin: 0 0 20px; font-size: 12px;}
.product_detail_content_section .main_title { margin: 0 0 20px;}
.product_detail_content_section {padding: 0 0 0 10px;}
.product_description .accordion .accordion-header .accordion-button { padding: 10px 0;}
#big .item > a img {  width: 90%;}


.page-template-common-template .why-section { padding: 70px 0;}
.page-template-common-template .why-choose-boxes .four-boxes-inner p{ margin: 0 0 10px; font-size: 15px; line-height: 24px;}
.page-template-common-template .why-choose-boxes .four_title {   font-size: 18px;  margin: 0 0 10px;  line-height: 23px;}
.page-template-common-template .about_left_content .button_box { margin: 10px 0 0 0;}
.page-template-common-template .why-section .about_left_content .button_box {  margin: 30px 0 0 0;}
.page-template-common-template .why-choose-boxes .four_icon img { height: 50px;}
.page-template-common-template .why-choose-boxes .four_icon { margin: 0 0 20px;}
.page-template-common-template .whychoose_section { padding-bottom: 45px;        padding-top: 90px;}
.page-template-common-template .about_left_content { margin-top: 0;}
.page-template-common-template .about_content { padding-top: 70px;        padding-bottom: 40px !important;}

.page-template-common-template .about_content .about-img img { height: 530px;}
.page-template-common-template .about_content p {  margin-bottom: 10px;}
.page-template-common-template .about_left_content { padding: 0px 3px 0 70px;}
.page-template-common-template .whychoose_section .four-boxes-inner {  padding: 25px 20px 25px;}
.page-template-common-template .why-img { margin-right: 0; width: 100%;}

.page-template-common-template .why-section .why-img img { width: 380px;}
.page-template-common-template .why-img-bx span {left: 115px; top: 166px; width: 150px; height: 160px;} 
.page-template-common-template .why-section .about_left_content {   padding: 0;    } 
.page-template-common-template .why-img{    clip-path: polygon(0% 0%, calc(100% - 100px) 0%, 100% 115px, 100% 100%, 0% 100%);} 
.single-locksmith-service .about_content .about-img img {  height: 426px;} 
.single-locksmith-service .about_content .button_box {  margin: 15px 0 0;} 
.single-locksmith-service .about_content {padding-top: 70px; padding-bottom: 70px !important; } 
.single-locksmith-service .about-img {   margin-bottom: 0;} 
.inner_about_content.left_img .main_title .h1 {font-size: 30px; } 
.inner_about_content.left_img .why_content ul li {padding: 0 0 5px 19px; line-height: 23px; } 
.inner_about_content.left_img .why_content ul li:before {top: 2px; height: 15px; width: 15px; background-size: 100%; } 
.inner_about_content.left_img .why_content {padding: 0; } 
.inner_about_content.left_img.gray-bg .small_content_img{width:170px;    border-radius: 12px;} 
.inner_about_content.left_img.gray-bg .big_content_img > img { clip-path: polygon(0% 0%, calc(100% - 120px) 0%, 100% 135px, 100% 100%, 0% 100%);} 
.inner_about_content.left_img.gray-bg .small_content_img { right: -22px;} 
.team_bx_content p {  margin-bottom: 0;} 
.diamond.bottom {bottom: 8px; } 
    
.inner-banner-img { background-position: 0px -22px !important;}   

.static-logo li:after {  right: -46%;
    bottom: 9px;
    height: 30px;}
.static-logo li img {  height: 45px;}
.partner-section {  padding: 10px 0;}

 .navigation .menu .megamenu ul.sub-menu li a { width: 220px;}   
}







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

section { padding: 70px 0;}    
.navigation ul.menu > li { padding: 0 10px;}
.call_bx .btn, .btn, .btn input { min-width: 120px;}
.btn, .btn input { padding: 7px 13px; height: 40px;}
.phone-icon {  height: 40px;  width: 40px;    line-height: 40px;}
.call_detail_bx { margin: 0 10px 0 0;}
  
.contact_box_section { padding: 70px 0;}
.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p {  font-size: 10px;}
.contact_bx span { height: 50px; width: 50px;   border-radius: 10px;    margin: 0 auto 10px;}
.contact_bx span svg { height: 30px !important;}
.contact_bx .h4 { font-size: 18px;}
.main_logo { width: 100px;}
.map_bx iframe {   height: 400px;}
.contact-detail { padding-right: 0;}

.call_detail_bx span { padding: 0 0px 0 10px;  font-size: 12px;}
.call_detail_bx span a { font-size: 14px;}   
header.sticky .main_logo img { max-width: 80px;}    
.inner_banner_caption h1, .inner_banner_caption .h1 {  font-size: 35px;}  
.inner_breadcrumb ol li { font-size: 15px;}
.inner-banner-img {  min-height: 260px;}

.contact_bx {  padding: 20px 10px 30px;}
.footer_logo + p {  width: 100%;}
.footer .footer_links_box p { font-size: 12px; line-height: 20px;}
.footer .footer_links_box ul li a { font-size: 12px;  line-height: 20px;}
.footer .footer_links_box ul li span { margin: 8px 5px 0 0px; width: 20px;}
    
.footer .footer_links_box ul li span svg {width: 19px;}   
.footer_links_box.mobile-accordion.footer_contact { padding-left: 0;}
.footer_links_box.mobile-accordion.quick_links { padding-left: 20px;}   
.copyright_footer .container { padding-top: 10px; padding-bottom: 10px;}   
.copyright_footer .copyright_footer_link ul li p, .copyright_footer .copyright_footer_link ul li p a, .copyright_footer_link p, .copyright_footer_link p a, .privacy_link ul li a { font-size: 12px; line-height: 20px;}  
.top_footer { padding: 0 0 30px;}   
.footer .footer_links_box .social_follow li a { height: 35px; width: 35px; line-height: 31px;}
.footer .footer_links_box .social_follow li a svg { height: 15px;}   
#contact-cta-section .title_main {    font-size: 30px;line-height: 45px;}
.footer {  padding: 50px 0 0 0;}
.footer_logo { padding-left: 0; margin-top: 0;}
.title_main { font-size: 40px;}

.desk-menu{ width: calc(100% - 100px);}
.contact_content_section .banner-form-inner { padding: 40px;margin: 0;}
.footer_links_box.mobile-accordion.footer_contact .address br{ display:none;}
.testimonial-box p {  font-size: 14px; line-height: 22px;}

.banner-form {  margin-top: 0;}
.home_banner figure.home_banner_main {  height: 700px;}
.home_banner figure.home_banner_main figcaption .banner_content_box .h1 { font-size: 50px; line-height: 60px;}
.home_banner figure.home_banner_main figcaption { margin-top: 0;}
    
.about_left_content { padding: 0px 3px 0 0;}    
.about_content .container { padding: 0 15px;}
.main_title .h1, .single-locksmith-service .main_title .h1 { font-size: 35px;}    
.about_left_content ul { margin: 0;}    
.register_logo { height: 160px; width: 160px; padding: 6px;}
.Logo-circle {font-size: 38px; width: 110px; height: 110px; line-height: 110px;}
.rotate_bg {    background-size: cover !important;}   
    
.popular_service_section .our_service_section_title .main_title { width: 750px;} 
.popular_service_section .four-boxes-inner{  padding: 20px 15px 20px;   }
.popular_service_section .four_title { font-size: 18px; line-height: 23px; margin: 0 0 5px;        height: 50px;}
.popular_service_section .view-service{ font-size: 12px;line-height: 25px;}  
.popular_service_section .four_icon svg { height: 50px;    width: 50px;}    
.popular_service_section{ padding-bottom: 70px;}    
.our_service_section .our_service_section_title .main_title{ width: 700px;}    
.our_service_section .four-boxes-inner{ padding: 50px 20px 50px; }
.our_service_section .four_icon img {height: 45px;}    
.our_service_section .four_title { font-size: 18px; font-weight: 600; margin: 0 0 10px;}    
.why-section { padding: 70px 0;}    
.why-img-bx span { width: 250px;  height: 275px;}   
.testimonial-box { padding: 25px 30px 35px;}    
.faq_right_sec { padding: 40px 40px 25px;}   
    
.accordion .accordion-header .accordion-button{ font-size: 16px;}    
.accordion .accordion-body p {font-size: 14px;}    
.popular_service_section .four-boxes-inner p {margin: 0 0 10px;font-size: 15px;line-height: 25px; min-height: 70px;}

.owl-prev { left: 0;}    
.owl-next { right: 0;}    
.popular_service_section .four-boxes-inner p br {  display: none;}

.products-page-full-content .full_content_data { max-width: 100%;}
.page-template-products .inner_about_content .big_content_img{  width: 90%;}
.page-template-products .inner_about_content .small_content_img{    top: 36%;  width: 200px;    right: -40px;}
.product_bx h4 { font-size: 20px; line-height: 26px;}

.product_img img { max-width: 125px;}
.page-template-products .inner_about_content {padding-top: 70px;}
.location_list { gap: 25px;}  
.location_list li a {  padding: 10px 13px; min-width: 200px; min-height: 33px; font-size: 14px;}   
.location-listing { padding: 70px 0;}
.location-listing .main_title {margin: 0 0 25px;}

.single-location .why-section { padding: 70px 0;}    
.single-location .full_content { padding: 70px 0 70px;}
.single-location .big_content_img{  width: 90%;}
.single-location .small_content_img{    top: 36%;  width: 200px;    right: -40px;}

.single-location .why-section .why-img { width: 100%; margin-right: 0;}
.single-location .why-section .about_left_content { padding: 0px 12px 0 0;}
.single-location .left_img .why_content { padding: 0;}

#big {width: 100%;    height: 600px;}
.single-products #inner_banner {  min-height: 90px;}
.related-products-section .main_title .h3 {  font-size: 30px;  line-height: 38px;}
.related-content .h3 { font-size: 14px; line-height: 21px;}
.related-img img {max-height: 100px;}
.related-img {  height: 150px;}
.related-content a {font-size: 12px;}
.related-content p { font-size: 13px; line-height: 20px;  min-height: 80px;}
.product_description .accordion .accordion-body p { font-size: 13px; line-height: 21px;}
.product_detail_content_section .main_title .btn { min-width: 100%;}
.product_detail_content_section .main_title .h3 { font-size: 30px; margin: 0 0 10px; line-height: 38px;}
.product_detail_content_section .main_title p { margin: 0 0 20px; font-size: 12px;}
.product_detail_content_section .main_title { margin: 0 0 20px;}
.product_detail_content_section {padding: 0 0 0 10px;}
.product_description .accordion .accordion-header .accordion-button { padding: 10px 0;}
#big .item > a img {  width: 90%;}
.product_detail_content_section { padding: 0;}
 
.page-template-common-template .about_left_content { padding: 0px 3px 0 124px;}
.page-template-common-template .about_content .about-img img { height: 500px;}
.page-template-common-template .about_left_content .button_box { margin: 0;} 
.page-template-common-template .about_left_content {  margin-top: 0;}    
.page-template-common-template .about_content { padding-top: 70px; padding-bottom: 70px !important;}   
.page-template-common-template .about_content .container {  padding: 0 7px;}  
.page-template-common-template .why-choose-boxes .four-boxes-inner p{    margin: 0 0 10px; font-size: 14px; line-height: 24px;}    
.page-template-common-template .why-choose-boxes .four_title { margin: 0 0 10px; font-size: 20px; line-height: 29px;}
.page-template-common-template .whychoose_section { padding-bottom: 40px;}
.page-template-common-template .why-section {padding: 70px 0; } 
.page-template-common-template .about_left_content {padding: 0px 3px 0 0; } 
.why-img { width: 100%;  margin-right: 0;} 
.page-template-common-template .why-img-bx span {left: 90px; top: 166px; width: 220px; height: 235px; }  
.page-template-common-template .why-section .about_left_content  .button_box{ margin: 20px 0 0;}
.page-template-common-template .why-choose-boxes .four_icon img {  height: 55px;}
.page-template-common-template .why-section .about_left_content { padding: 50px 3px 0 0;}

.single-locksmith-service .about_content .about-img img {  height: 426px;}
.single-locksmith-service .about_content .button_box {  margin: 15px 0 0;}
.single-locksmith-service .about_content { padding-top: 70px; padding-bottom: 70px !important;}
.single-locksmith-service .about-img {   margin-bottom: 0;}

.inner_about_content.left_img .main_title .h1 { font-size: 30px; }
.inner_about_content.left_img .why_content ul li { padding: 0 0 5px 19px; line-height: 23px;}    
.inner_about_content.left_img .why_content ul li:before {top: 2px; height: 15px; width: 15px; background-size: 100%;}   
.inner_about_content.left_img .why_content { padding: 0;}   
    
.inner_about_content.left_img.gray-bg .small_content_img, .inner_about_content.left_img .small_content_img{width:170px;    border-radius: 12px; right: 12px;}
.inner_about_content.left_img.gray-bg .big_content_img > img, .inner_about_content.left_img .big_content_img > img { clip-path: polygon(0% 0%, calc(100% - 120px) 0%, 100% 135px, 100% 100%, 0% 100%);width: 90%;}
.single-locksmith-service .full_content_data { max-width: 100%;}

.timeline-item.left {margin-left: 12px;  width: 370px;}
.timeline-item { width: 370px;}
.timeline-item.right .content {  min-width: 370px;}
.timeline-item.right { left: 61%;}
.content, .timeline-item.right .content { padding: 20px 20px 20px;}
.timeline-item.left .year { left: 111%;}
.timeline-item.right .year { left: -100px;}
.diamond.bottom { bottom: 27px;}
.team_member_img {  height: 230px;}
.trusted_section_title .title_main br {  display: none;}
.trusted_bx_content p { font-size: 16px;  line-height: 25px;}
.team_bx_content p { font-size: 14px; margin-bottom: 0; line-height: 19px;}

.page-id-12 .inner_about_content.right_img .about-img{margin:0;}
.page-id-12 .inner_about_content.right_img { padding-bottom: 70px !important;padding-top: 70px;}
.page-id-12 .inner_about_content.right_img .about-img img { height: 400px;}

.default-pages { padding: 70px 0;}
.static-logo li:after {  right: -46%;bottom: 9px; height: 30px;}
.static-logo li img { height: 45px;}
.partner-section {  padding: 10px 0;}
.single_blog-page.single_blog { padding: 70px 0;}


.popular_service_section .four_icon svg, .popular_service_section .four_icon img { height: 50px; width: 50px;}







}



@media screen and (max-width:1080px) {
.team_member_img { height: 330px; }    
.timeline-item.left {margin-left: 50px;} 
.inner-banner-img {  background-position: 0px 0 !important;}





}



@media screen and (min-width:1025px) {
/*buttons css for hover*/
.btn:hover, .btn:active, .btn:focus-visible {color:#ffffff !important;        background: #000 !important;}
.btn.bordered.white::before {background-color: #527ee7;}
.btn.bordered.white:hover {color: #ffffff !important;border-color: #527ee7 !important;}
.btn.bordered:hover input {color: #ffffff !important;}
.btn_gradient:hover {background: linear-gradient(92.85deg, #970C18 3.33%, #BF1E2E 97.59%);transition: all 0.3s ease;}
.btn-primary:hover, .form-submit:hover {background-color: #f1273b !important;}
.btn-default:hover, .btn-default:active {background-color: #454545 !important;}
.btn-primary.white:hover, .btn-primary.white:active {background-color: #000000 !important;background: #000000 !important;color: #ffffff !important;}
.btn:not(.call_btn).white:hover:after {background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H11M11 1V11M11 1L1 11' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");;background-position: center;background-repeat: no-repeat;}
.btn:not(.call_btn):hover:after {transform: rotate(45deg);}
.wsmenu>.wsmenu-list>li:hover span.wsmenu-click+a:after {transform: rotate(180deg);}

 header.sticky .call_bx .btn:hover{background:#fff !important;color:#000 !important;}   
}



@media only screen and (min-width: 992px) and (max-width: 1024px)  {
.navigation .menu .megamenu ul.sub-menu { width: 900px; padding: 40px 310px 10px 19px; }
header.sticky .navigation .menu .megamenu ul.sub-menu {   margin-top: 38px !important;}


.navigation .menu .megamenu ul.sub-menu { margin-top: 50px !important;min-height: 360px;}   
.navigation .menu .megamenu ul.sub-menu li { width: 50%;margin:0;}
.navigation .menu .megamenu ul.sub-menu li a { width: 100%; }     
.navigation .menu .megamenu ul.sub-menu {  padding: 25px 40px 10px 19px;}    

}




@media screen and (max-width:1024px) {
html { height: 100%; -webkit-overflow-scrolling: touch; }
body.wsactive { overflow: hidden; }
.contact_box_section .col-xl-3.col-lg-3.col-md-12.col-sm-12 { width: 50%;}
.contact_bx{background:none; border:2px solid #000;border-radius:10px;  margin-bottom: 20px; height: auto;}
.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p { font-size: 14px; }
.contact-detail p {  font-size: 14px;}
.contact-form input, .contact-form textarea, .contact-form select { font-size: 14px;}
.title_main {font-size: 32px;}
.phone_bx, .mail_bx, .address {width: calc(100% - 28px);}
.footer_links_box.mobile-accordion.quick_links {padding-left: 20px;}
.footer_links_box.mobile-accordion.footer_contact .address br{display:none;}
.copyright_footer .copyright_footer_link ul li p, .copyright_footer .copyright_footer_link ul li p a, .copyright_footer_link p, .copyright_footer_link p a, .privacy_link ul li a,  .privacy_link ul li{font-size: 12px;}
.navigation ul.menu > li > a { font-size: 14px;}
.about_content p { font-size: 14px; margin-bottom: 25px; line-height: 22px;    margin-bottom: 15px;}     
.about_left_content ul li { font-size: 14px; line-height: 22px;}     
.small_title { font-size: 15px;  letter-spacing: 1px;}     
.main_title p { font-size: 14px;}
.our_service_section .our_service_section_title .main_title, .our_service_section .service-text {width: 100%;        margin: 0 0 20px;}
.our_service_section .our_service_section_title {  flex-wrap: wrap;}
.faq-content {  margin-top: 0;}
.social_follow {  margin: 10px 0 0;}
.footer .footer_links_box p { margin-bottom: 10px;}
.why-img { width: 550px;}
.why-section .about_left_content { padding: 0px 20px 0 0;}
.single-location .full_content .full_content_data { max-width: 100%;}
.single-location .why-section .why-img { width: 100%; }
.single-location .full_content .full_content_data .main_title .h1 br{display:none;}


.page-template-common-template .about_content .about-img img { height: 450px;}
.page-template-common-template .why-img { clip-path: polygon(0% 0%, calc(100% - 125px) 0%, 100% 142px, 100% 100%, 0% 100%); width: 100%; }
.page-template-common-template .why-img-bx span {left: 55px; top: 230px; width: 160px; height: 170px; } 
.page-template-common-template .why-section .about_left_content {padding: 10px 3px 0 0; } 
.page-template-common-template .about_content .about-img img {height: auto; } 
.page-template-common-template .about_content {padding-top: 40px; padding-bottom: 40px !important; } 
.page-template-common-template .why-section {padding: 40px 0; } 
.page-template-common-template .whychoose_section .four-boxes-inner {padding: 25px 20px 25px; }



.timeline::after {left: 60px;top:51px;    bottom: 60px; } 
.timeline-item {width: 100%; padding-left: 70px; padding-right: 20px; } 
.timeline-item.right {left: 0; } 
.year {left: 20px; transform: none; } 
.diamond {left: 20px; }

.timeline-item.left .content:after{left: -9px; top: 31px; width: 35px; height: 40px; background: url(../images/news-arrow-right.png) no-repeat;    background-size: 100%;}
.timeline-item.right .content:after { top: 31px;}
.timeline-item.left, .timeline-item.right {  margin-bottom: 25px;        width: 90%;  margin-left: auto; }
.timeline-item.right .year { left: -100px; top: 33px; }    
.diamond { left: 60px;}
.timeline-item.left .year { left: -96px;    top: 33px;} 
.content, .timeline-item.right .content { text-align: left;background: rgba(255, 255, 255, 0.28);}
    
.contact_bx { min-height: 170px; padding: 20px 10px 20px;}   

.team_section_title { flex-wrap: wrap;}
.team_section_title .main_title { width: 100%;}

}
















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

}




/*Tablet Devices*/


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






}








@media screen and (max-width:991px) {
/*.navigation-open { padding: 0; position: relative; vertical-align: middle; z-index: 1; width: 30px; height: 19px; background: none; border: none; width: 50px; height: 50px; background: #71186b; }*/
/*.navigation-open span { display: block; width: 24px; height: 3px; background: #fff; margin: 0 auto; position: relative; pointer-events: none; -moz-transition: all 0s ease 0.25s; -ms-transition: all 0s ease 0.25s; -o-transition: all 0s ease 0.25s; -o-transition: all 0s ease 0.25s; -webkit-transition: all 0s ease 0.25s; transition: all 0s ease 0.25s; }*/
/*.navigation-open span:before, .navigation-open span:after { content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: -7px; -moz-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -ms-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -o-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; }*/
/*.navigation-open span:after { top: 7px; -moz-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -ms-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -o-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; }*/
.navigation ul { padding: 0; list-style-type: none; margin: 0; }
.navigation ul.menu { font-size: 16px; font-weight: 500; z-index: 6; text-align: left; width: 100%;  }
.navigation { z-index: 99; position: fixed; top: 0; left: 100%; width: 300px; height: 100%; overflow: auto; background: #fff; -webkit-overflow-scrolling: touch; display: block !important; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding: 45px 15px 30px 15px; }
.menu-back { border: none; width: 100%; height: 40px; background: none; color: #333; font-size: 16px; font-weight: 500; padding: 0; font-family: inherit; text-align: left; }
.menu-back:before { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 13px; margin: -2px 8px 0 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='13px' viewBox='-955.5 457 8 13'%3e%3cpath fill='%23333333' d='M-955.281,462.993l6.059-5.785c0.139-0.136,0.326-0.208,0.526-0.208s0.388,0.074,0.528,0.208l0.444,0.425 c0.29,0.278,0.29,0.729,0,1.006l-5.089,4.858l5.096,4.862c0.141,0.136,0.217,0.314,0.217,0.504c0,0.191-0.076,0.37-0.217,0.503 l-0.446,0.427c-0.139,0.135-0.328,0.207-0.528,0.207c-0.199,0-0.385-0.073-0.525-0.207l-6.064-5.79 c-0.141-0.135-0.219-0.314-0.219-0.506C-955.5,463.309-955.422,463.128-955.281,462.993z'/%3e%3c/svg%3e"); background-size: cover; }
.theme-header:after { content: ""; display: block; position: fixed; left: 0; right: 0; top: 0; height: 100%; background: rgba(0,0,0,0.7); z-index: 9; cursor: pointer; transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
body.menu-action .theme-header:after { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; }
body.menu-action .navigation { margin-left: -300px; }
body.menu-action { position: fixed; top: 0; left: 0; height: 100vh !important; width: 100%; overflow: hidden; max-height: 100vh !important; }
.navigation ul.menu li { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding:0; margin: 0;  }
.navigation ul.menu li:before{ display: none;  }

.navigation ul.menu > li { width: 100%;margin: 0 !important; padding:0;  }
.navigation ul.menu > li:before{ display: none }
.navigation ul.menu li a { padding: 8px 30px 8px 0; color: #000000; display: block; font-size: 14px;font-size: 14px;letter-spacing: 0px;}
.toggle-submenu { display: block; height: 40px; width: 30px; position: absolute; right: 0;top: 0; }
.toggle-submenu:before, .toggle-submenu:after { content: ""; display: block; width: 8px; height: 13px; position: absolute; right: 0; top: 50%; margin: -6px 0 0 0; background-size: cover; }
.toggle-submenu:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='13px' viewBox='0.5 190.5 6 10'%3e%3cpath fill='%23333333' d='M6.337,195.109l-4.545-4.449c-0.105-0.104-0.245-0.16-0.395-0.16c-0.149,0-0.29,0.057-0.395,0.16l-0.334,0.327 c-0.218,0.214-0.218,0.561,0,0.774l3.816,3.736l-3.821,3.74c-0.105,0.104-0.163,0.241-0.163,0.387 c0,0.147,0.058,0.285,0.163,0.387l0.334,0.328c0.105,0.104,0.246,0.16,0.396,0.16s0.29-0.057,0.395-0.16l4.549-4.453 c0.105-0.104,0.164-0.242,0.163-0.389C6.5,195.352,6.442,195.213,6.337,195.109z'/%3e%3c/svg%3e"); }
.toggle-submenu:after { opacity: 0; /*background-image: url("../images/right-arrow.svg");*/ }
.navigation ul.menu li.selected > a { color: #D00202 ; }
/*.navigation ul.menu li.selected > .toggle-submenu:before { opacity: 0; }*/
.navigation ul.menu li.selected > .toggle-submenu:after { opacity: 1; }
.navigation ul.menu li.has-sub a span {  }
.navigation ul.menu li ul { background: #fff; position: fixed; right: 0; bottom: 0; z-index: 1; margin-right: -300px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 300px; top: 0; overflow: scroll; -webkit-overflow-scrolling: touch; padding: 5px 15px 30px 15px; }
.navigation ul.menu li ul.show { margin-right: 0; }
.navigation ul.menu li .device-toggle { position: absolute; width: 39px; height: 39px; left: 0; top: 0; cursor: pointer; }
.navigation ul.menu li .device-toggle:before, .navigation ul.menu li .device-toggle:after { content: ""; display: block; height: 3px; width: 15px; position: absolute; left: 12px; top: 18px; background: #333; }
.navigation ul.menu li .device-toggle:after { width: 3px; height: 15px; top: 12px; left: 18px; }
.navigation ul.menu li.selected > .device-toggle:before, .navigation ul.menu li.selected > .device-toggle:after { background: #660460;  }
.navigation ul.menu li .device-toggle.in:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.navigation ul.menu .sub-menu .inner-sub li > a { padding-left: 55px; }
.navigation ul.menu li .inner-sub .device-toggle { left: 0; }
.navigation ul.menu.no-sub li a { padding-left: 15px }
.megamenu_img { display: none }
/*.navigation ul.menu li.has-sub.megamenu .sub-menu { display: block !important }*/
/*.navigation ul.menu li.has-sub .mega_menu { display: none }*/
.navigation-open:before { opacity: 1; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
body.menu-action .navigation-open:before { opacity: 0; }
.navigation ul.menu li .device-toggle { position: absolute; width: 26px; height: 30px; left: 0; top: 0; cursor: pointer; }
.navigation ul.menu li .device-toggle:before, .navigation ul.menu li .device-toggle:after { content: ""; display: block; height: 2px; width: 12px; position: absolute; left: 7px; top: 14px; background: #606060; }
.navigation ul.menu li .device-toggle:after { width: 2px; height: 12px; left: 12px; top: 9px; }
.navigation ul.menu .sub-menu .inner-sub li > a { padding-left: 44px; }
.navigation-close { padding: 0; position: absolute; right: 15px; top: 15px; vertical-align: middle; z-index: 11; width: 20px; height: 17px; background: none; border: none; }
.navigation-close:before, .navigation-close:after { content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: 50%; margin-top: -2px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navigation-close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
header:after {content: ""; display: block; position: fixed; left: 0; right: 0; top: 0; height: 100%; background: rgba(0,0,0,.7); z-index:2; cursor: pointer; transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; } 
body.menu-action header:after {transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; }  
.navigation-open {padding: 10px; position: relative; vertical-align: middle; z-index: 1; width: 40px; height: 40px; background: #d00202;    border-radius: 0px;} 
.navigation-open span {display: block; width: 21px; height: 3px; background: #fff; margin: 0 auto; position: relative; pointer-events: none; -moz-transition: all 0s ease .25s; -ms-transition: all 0s ease .25s; -o-transition: all 0s ease .25s; -o-transition: all 0s ease .25s; -webkit-transition: all 0s ease .25s; transition: all 0s ease .25s; } 
.navigation-open span:before, .navigation-open span:after {content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: -7px; -moz-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -ms-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -o-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -webkit-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; } 
.navigation-open span:after {top: 7px; -moz-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -ms-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -o-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -webkit-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; } 

    
section { padding: 40px 0;}
/*header.sticky .navigation .menu .megamenu ul.sub-menu, .navigation .menu .megamenu ul.sub-menu {  margin-top: 0px !important; display: none !important; }    */
.contact_content_section .banner-form-inner { padding: 30px; margin: 20px 0 0 0;  max-width: 100%; border-radius: 10px;}    

.contact-form select { background-position: right 15px center; background-size: 14px;}  
.desk-menu {justify-content: right;     flex-direction: row-reverse;   }
.call_bx { margin: 0 15px 0 0;}
    
.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title { padding-left: 0!important;}
.menu-item-has-children > a::before{display:none;} 
   
   

.popular_service_section .our_service_section_title .main_title,  .popular_service_section .service-text{        width: 100%;}
.popular_service_section .our_service_section_title{  flex-wrap: wrap;}
.faq_section { padding: 60px 0;}
.faq_section .main_title { margin: 0px 0 10px;}  
.faq-content .main_title p {margin-bottom: 20px;}   
.faq_right_sec {  padding: 30px 25px 10px; margin: 40px 0 0 0; max-width: 100%; border-radius: 10px; clip-path: none;}  
.testimonial_section .testimonial_section_title { align-items: center !important;  align-content: center !important;}
.testimonial_section_title .rating-bx { margin: 0;}
.why-section { padding: 40px 0;}
.why-section .about_left_content p { font-size: 14px;  margin-bottom: 15px;}
.why-section .button_box { margin: 10px 0 0;}
.why-img { margin-right: auto;}
.why-img-bx {  margin: 50px 0 0;}
.popular_service_section .four_title br{ display:none;}
.popular_service_section .service-text {  margin: 20px 0 0 0;}
.about_content {padding-bottom: 40px !important;}
.about-img { width: 100%; padding-left: 0;    margin:0 0 40px ;}
.about-img img {    height: auto;}


/*Homepage */
.about_content .container { flex-direction: column-reverse;} 
.why-section .container .row { flex-direction: column-reverse;}

.why-img-bx { margin:0 auto 50px; width: 85%;}  
.about_left_content { max-width: 100%;}
.single-locksmith-service .about-img{        margin: 0 0 40px}
.why-section .about_left_content {  padding: 0;}


.our_service_section .our_service_section_title { margin: 0 0 20px;}
.our_service_section .four-boxes {  height: auto; margin-bottom: 15px;}
.our_service_section .col-xxl-3.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-12:first-child .four-boxes-inner{ border: 1px solid #C5C5C5;}
.our_service_section .four-boxes-inner {padding: 30px 20px 30px; border: 1px solid #C5C5C5; height: auto; margin-bottom: 20px; width: 97%;}
.our_service_section .col-xxl-3.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-12:last-child .four-boxes-inner { border: 1px solid #C5C5C5;}

.our_service_section .row.g-0{box-shadow:none;}
.our_service_section .four_title br{ display:none;}
.footer_links_box.mobile-accordion.footer_contact .address { margin: 0;}
.footer .footer_links_box ul li span { margin: 0px 5px 0 0px;}
.footer_links_box.mobile-accordion.quick_links { padding-left: 0;}
.testimonial_section .testimonial_section_title { flex-wrap: wrap;}
.testimonial_section .main_title {    margin: 0 0 15px;}
.main_title .h1 br{display:none;}

.footer-title span {position: absolute;left: unset;top: 50%;right: 0;bottom: unset;transform: translate(-50%,-50%);}
.footer-title span:before { content: ""; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 15px; width: 2px; background: #fff; }
.mobile-accordion.in .footer-title span:before { display: none }
.footer-title span:after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 2px; width: 16px; background: #fff; }
.list-style-none.mobile-accordion-toggle { display: none; padding: 5px 0 0 10px; }
.list-style-none.mobile-accordion-toggle {padding: 0px;margin: 10px 0;width: 100%;float: left;}

.mobile-accordion.in h3.footer-title {margin-bottom: 0px;}
.footer .footer_links_box.contact_logo h5.title { display: block;}
.footer .footer_links_box .title {margin-bottom: 0px;position: relative;text-transform: uppercase;font-size: 18px;border-bottom: 1px solid #ededed;padding: 7px 0px;width: 100%;}
.footer .footer_links_box .title span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.footer .footer_links_box .title span:before { content: ""; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 15px; width: 2px; background: #bf3a3a; }
.mobile-accordion.in .title span:before { display: none }
.footer .footer_links_box .title span:after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 2px; width: 16px; background: #bf3a3a; }
.top_footer .col-xl-4.col-lg-4.col-md-4.col-sm-12.col-xs-12:first-child{width: 100%;}
.top_footer .col-xl-3.col-lg-3.col-md-2.col-sm-12.col-xs-12:nth-child(2) {width: 100%;}
.top_footer .col-xl-2.col-lg-2.col-md-3.col-sm-12.col-xs-12:nth-child(3) {width: 100%;}
.top_footer .col-xl-3.col-lg-3.col-md-3.col-sm-12.col-xs-12:nth-child(4) {width: 100%;}
.footer .footer_links_box.mobile-accordion.quick_links { padding-left: 0;}
.footer .footer_links_box.footer_contact .title { border-bottom: 0;}
.footer .footer_links_box p {  margin: 0 0 10px;font-size: 14px;    line-height: 24px; }
.social_follow { margin: 10px 0 0;}
.footer .footer_links_box ul li a { font-size: 14px;line-height: 26px;}
.footer_contact ul {margin: 0;}
.footer { padding: 20px 0 0 0;}  
.footer .list-style-none ul {margin: 0;} 
.footer .footer_links_box.footer_contact li { margin-bottom: 5px;}
/*.footer .footer_links_box ul li span {margin: 5px 5px 0 0px;}*/
.top_footer { padding: 0 0 10px;} 
.testimonial-box p { min-height: 200px !important; }
.testimonial-box:after { right: 25px; top: 24px;}
.banner-form-inner { max-width: 380px;border-radius: 15px; padding: 30px 25px 30px;}
.home_banner figure.home_banner_main figcaption .banner_content_box .h1 { font-size: 40px; line-height: 50px; }
.banner_content_box span { font-size: 25px;  line-height: 35px;}
.home_banner figure.home_banner_main figcaption .banner_content_box p { font-size: 14px; line-height: 24px;}
.home_banner figure.home_banner_main figcaption { max-width: 350px;}
.popular_service_section .four_title{ height:auto !important;}
.page-template-products .inner_about_content .big_content_img { width: 480px; margin: 0 auto 30px;}   
.page-template-products .inner_about_content .small_content_img { top: 36%; width: 200px; right: -100px;}  
.page-template-products .left_img .why_content {    padding: 0;} 
.inner_about_content .why_content .button_box {    margin: 20px 0 0;}  
.page-template-products .why_content p + p {margin: 15px 0 0;}   
.product_img img {  max-width: 130px;}
.page-template-products .inner_about_content { padding-top: 40px;}

.single-location .big_content_img { width: 85%;margin: 0 auto 40px; }
.single-location .small_content_img {  right: 0;         width: 250px;}
.single-location .why-section {  padding: 40px 0; } 
.product_detail_content_section {  margin: 30px 0 0; }
.product_detail_content_section .main_title .btn { min-width: inherit;}
 #big {  height: 500px;}  
.related-content p { min-height: inherit;}    
.inner_about_content.left_img.gray-bg .big_content_img > img, .inner_about_content.left_img .big_content_img > img {clip-path: polygon(0% 0%, calc(100% - 138px) 0%, 100% 150px, 100% 100%, 0% 100%); width: 100%; } 
.inner_about_content.left_img.gray-bg .big_content_img, .inner_about_content.left_img .big_content_img{ width: 500px;} 
.inner_about_content.left_img.gray-bg .small_content_img, .inner_about_content.left_img .small_content_img {  right: -100px; } 
.inner_about_content.left_img.gray-bg .why_content, .inner_about_content.left_img .why_content {padding: 40px 0 0;} 
.single-locksmith-service .about_content {padding-top: 40px; padding-bottom: 40px !important; } 
.inner_about_content.left_img.gray-bg .small_content_img, .inner_about_content.left_img .small_content_img{top:260px;} 
.inner_about_content.left_img.gray-bg .big_content_img, .inner_about_content.left_img .big_content_img {width: 415px; } 
.team_member_img {height: 275px; } .timeline-section + .inner_about_content.left_img .why_content {padding: 40px 0 0 0; } 
.page-id-12 .inner_about_content.right_img {padding-bottom: 40px !important; padding-top: 40px; } 
.page-id-12 .inner_about_content.right_img .why_content {margin-top: 25px;margin-bottom: 0px; } 
.trusted_section { padding: 40px 0 40px;} .trusted_img {margin: 0 0 15px; }
.page-id-12 .inner_about_content .row { flex-direction: column-reverse;}  
.team_section_title {  flex-wrap: wrap;} 
.page-id-12 .whychoose_section {padding-top: 40px;}
  
.page-id-12 .inner_about_content.right_img .about-img img { height: 500px;}  
 .default-pages { padding: 40px 0;} 
  
.page-template-common-template .why-img { clip-path: polygon(0% 0%, calc(100% - 156px) 0%, 100% 180px, 100% 100%, 0% 100%);}
.page-template-common-template .why-img-bx span {left: 21%;width: 250px;height: 275px;} 

.static-logo li:after{display:none;} 

.partner-section .container {padding: 0px 15px;} 
 .form-popup #product-form-id input.wpcf7-submit { margin: 0;} 
 .menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {  padding-left: 0;} 
  
.single_blog-page.single_blog {    padding: 40px 0;}  

.testimonial_writer_right .post { min-height: 50px;display:inline-block;}  

.home .popular_service_section .four_title {font-size: 17px;}  
.call_bx .btn, .navigation-open{border-radius:4px;}  
.timeline-item.left, .timeline-item.right { width: 89%;}
  
  
  
  
  
}
@media screen and (max-width:850px) {
    .timeline-item.left, .timeline-item.right { width: 86%;}
}
@media screen and (max-width:800px) {
.timeline-item.left .year { left: -92px;}
.timeline-item.right .year { left: -92px;}
.timeline-item.left, .timeline-item.right { width: 87%;}
.timeline { padding: 50px 0 50px;}.timeline::after {  top: 52px; bottom:59px; }
.team_member_img { height: 240px; }

.privacy-policy p a { word-break: break-all;}
}


@media screen and (max-width:767px) {
.map_bx iframe {height: 300px;}
#contact-cta-section { padding: 60px 0 60px}
.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p { font-size: 13px;}
.copyright_footer_link { text-align: center;}
.privacy_link ul { justify-content: center;}
.privacy_link ul li:first-child{margin-left:0;}
.main_title .h1,  .title_main, .single-locksmith-service .main_title .h1 { font-size: 30px;}


.banner-form { position: inherit;  top: inherit; left: inherit;width: 100%; transform: none;}
.banner-form-inner { max-width: 100%; border-radius: 10px;  margin: 40px 0; }
#bannerform input.wpcf7-submit { margin: 0;}
.banner-form-inner h3, .banner-form .banner-form-inner p { padding: 0 0 20px;}
.home_banner figure.home_banner_main { height: 520px;  }

#bannerform select{ background-position: right 15px center;  background-size: 14px;}
.testimonial-box:after { height: 20px; width: 26px; background-size: cover !important;}    
.testimonial-box p { margin: 20px 0 10px;}   
.why-img {  margin-right: auto;  width: 100%; } 
.why-img img { width: 80%;    border-radius: 20px;}
.why-img-bx span {  width: 180px; height: 190px; left: 20%;}
.scroll-top.visible { bottom: 20px;}

.page-template-products .inner_about_content .big_content_img {  width: 420px; margin: 0 0 30px; }
.location_list li a { padding: 10px 10px; min-width: 180px; min-height: 30px;  font-size: 14px; }
.single-location .small_content_img { width: 180px;  height: 190px; }

.single-location .small_content_img img { width: 100%;}
.single-location .small_content_img {   width: 180px; height: 190px;        right: -20%; }
.single-location .big_content_img {  width: 70%;}

.why-img {          clip-path: polygon(0% 0%, calc(100% - 114px) 0%, 100% 132px, 100% 100%, 0% 100%);}
.big_content_img > img { clip-path: polygon(0% 0%, calc(100% - 110px) 0%, 100% 110px, 100% 100%, 0% 100%);}
.page-template-common-template .why-choose-boxes .four-boxes-inner p, .page-template-common-template .why-choose-boxes .four_title { height: auto !important;} 
.inner_breadcrumb ol li {font-size: 13px; } 
.inner_breadcrumb ol li+li {margin-left: 15px; } 
.inner_breadcrumb ol li:after { right: -12px;} 
.inner_banner_caption h1, .inner_banner_caption .h1 {font-size: 25px;    margin: 0 0 10px; } 
.why-choose-boxes .four_icon svg {height: 50px; width: 50px; } 
.trusted_bx_content p {font-size: 14px; line-height: 21px; } 
.team_bx_content .h4 {font-size: 16px; line-height: 21px;} 
.year { padding: 4px 15px; font-size: 15px;} 
.timeline-item.left .year,  .timeline-item.right .year {left: -45px; } 
.timeline-item.left, .timeline-item.right {  width: 91%;}
.content p { font-size: 14px; line-height: 20px;} 
.content h3 {  margin-bottom: 6px;  font-size: 16px;} 
.timeline-item.left .content:after, .timeline-item.right .content:after {top: 36px; background-size: 60%;left:1px;}
.inner-banner-img { min-height: 220px;} 
.inner-banner-title { top: 70%;} 
 
.page-template-common-template .why-img { clip-path: polygon(0% 0%, calc(100% - 94px) 0%, 100% 112px, 100% 100%, 0% 100%); } 
.page-template-common-template .why-img-bx span { width: 180px; height: 190px;}  
    
.our_service_section .four_title { font-size: 15px;}   
.our_service_section .four-boxes-inner p { font-size: 14px; line-height: 22px;} 
.our_service_section .four-boxes-inner { padding: 20px 15px 20px; min-height: 185px;}    
    
 .sticky_phone{display:block; position:fixed; right:-1px; top:50%; height:50px; width:50px;line-height: 46px;  z-index: 1; background: #d00202;        border-radius: 5px 0 0 5px;}   
 .sticky_phone svg path { fill: #fff;}   
    
    
}



@media screen and (max-width:600px) {
.testimonial-box p {min-height: inherit !important;height: inherit !important;}
.team_member_img {height: 195px;}   
.testimonial_writer_right .post { min-height: inherit;}
.call_bx .btn{border-radius:4px;}
.timeline-item.left .year,  .timeline-item.right .year {left: -45px; } 
.timeline-item.left, .timeline-item.right {  width: 88%;}

}


@media screen and (max-width:575px) {
.banner-form-inner h3, .banner-form .banner-form-inner p { padding: 0 0 20px;}
.contact_content_section .banner-form-inner {  padding: 30px 28px;}
#contact-cta-section .title_main { font-size: 27px; line-height: 40px;}
.contact-form input, .contact-form textarea, .contact-form select {  padding: 16px 20px;}
.contact_box_section .col-xl-3.col-lg-3.col-md-12.col-sm-12 { width: 100%;}
.contact_bx span {  margin: 0 auto 15px; }
.contact_bx p, .contact_bx p a, .contact_bx p, .contact_bx p + p { font-size: 14px;}
.contact_bx { padding: 20px 10px 20px;}
.contact_box_section { padding: 40px 0;}
.page-template-products .inner_about_content .big_content_img { width: 340px;}    
.big_content_img > img { clip-path: polygon(0% 0%, calc(100% - 100px) 0%, 100% 100px, 100% 100%, 0% 100%);}   
.page-template-common-template .why-img-bx span { top: 140px;  } 
.inner_about_content.left_img.gray-bg .big_content_img, .inner_about_content.left_img .big_content_img {width: 72%; } 
.inner_about_content.left_img.gray-bg .big_content_img > img, .inner_about_content.left_img .big_content_img > img {clip-path: polygon(0% 0%, calc(100% - 84px) 0%, 100% 100px, 100% 100%, 0% 100%);} 
.inner_about_content.left_img.gray-bg .small_content_img, .inner_about_content.left_img .small_content_img{top:160px;} 
.inner_about_content.left_img .why_content ul li{width:100%;} .inner_about_content.left_img .why_content ul li:before {top: 4px;} 
.inner_about_content.left_img .why_content ul li {padding: 0 0 5px 23px;} .single-locksmith-service .about_left_content ul {margin: 10px 0 0; } 
.single-locksmith-service .about_content .about-img img {height: auto; width: 100%; } 
.page-id-12 .inner_about_content.right_img {padding-top: 20px;} 
.timeline-item.right .content {min-width: 100%; } 
.timeline-item.left .year, .timeline-item.right .year {left: -34px; } 
.team_member_img {height: 155px;border-radius: 8px; } 
.team_bx_content p {font-size: 12px;} 
.trusted_box { width: 50%;  margin: 0 0 20px;}

       
.page-template-common-template .why-img-bx span, .why-img-bx span { width: 140px; height: 150px; }      
.static-logo li img {height: 60px;}       
.static-logo li { width: 33%;}     
.our_service_section .four_title { font-size: 17px; } 
.our_service_section .four-boxes-inner p { font-size: 15px; line-height: 24px; }
.our_service_section .four_icon {  margin: 0 0 10px;}   
.page-template-common-template .whychoose_section .four-boxes-inner{height:auto !important;}    
.contact_bx{height: auto !important;        min-height: inherit !important;}   
.our_service_section .four-boxes-inner { min-height: inherit; } 
.home .popular_service_section .four-boxes-inner p { min-height: inherit; } 
 
 
 
.faq_right_sec .accordion .accordion-body {
    padding-top: 0;
    padding-bottom: 10px;
    padding: 5px 17px 10px;
}
 
 
 
 
}





/*Mobile Devices*/

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

}

@media screen and (max-width:479px) {
.call_bx .btn { display: none;}
.call_detail_bx { margin: 0;}
section, .location-listing { padding: 30px 0;}
  
#contact-cta-section .title_main { font-size: 24px; line-height: 33px;}
.why-img-bx span { left: 25%;}
.main_title .h1, .title_main {font-size: 27px; } 
.home_banner figure.home_banner_main figcaption .banner_content_box .h1 {font-size: 34px; line-height: 40px; } 
.banner_content_box span {font-size: 20px; line-height: 30px; } 
.footer .footer_links_box .title {  font-size: 16px;} 
.page-template-products .inner_about_content .big_content_img {width: 315px; } 
.page-template-products .inner_about_content .small_content_img {  right: -60px;} 
.products-page-full-content .full_content_data .main_title .h3 {line-height: 33px; font-size: 24px; } 
.products-page-full-content .full_content_data .button_box {margin: 15px 0 0; } 
.location_list li a { min-width: 170px;} 
.why-img {clip-path: polygon(0% 0%, calc(100% - 70px) 0%, 100% 80px, 100% 100%, 0% 100%); } 
.big_content_img > img { clip-path: polygon(0% 0%, calc(100% - 70px) 0%, 100% 70px, 100% 100%, 0% 100%);} 
.single-location .full_content { padding: 30px 0; } 
#thumbs .item + .item { margin: 0 0 0 15px;} 
#thumbs .item { height: 90px;  width: 90px;  border-radius: 8px;} 
.product-logo img { width: 100px;} 
.related-img {  border-radius: 6px;} 
.inner_about_content.left_img.gray-bg .small_content_img, .inner_about_content.left_img .small_content_img {top: 160px; width: 100px; height: 110px; right: -50px; } 
.team_member_img {height: 430px; } .team_bx_content p {font-size: 14px;}

.page-template-common-template .why-img {clip-path: polygon(0% 0%, calc(100% - 78px) 0%, 100% 89px, 100% 100%, 0% 100%);}

.home_banner figure.home_banner_main figcaption .banner_content_box p br{display:none;}  
.timeline-item.left, .timeline-item.right {width: 85%;}    
    
}

@media screen and (max-width:400px) {
.timeline-item.left, .timeline-item.right {    width: 88%;}

}


@media screen and (max-width:380px) {
.banner-form-inner h3, .banner-form .banner-form-inner p { font-size: 26px;}
.title_main {  font-size: 27px;}
.small_title { font-size: 16px; letter-spacing: 0.1px;}    
.faq_right_sec {padding: 30px 15px 10px;} 
.accordion .accordion-item { margin-bottom: 20px;} 
.accordion .accordion-body {padding-bottom: 10px; padding: 5px 17px 15px; } 
.testimonial-box {padding: 25px 20px 30px; } 
.main_title .h1, .title_main, .single-locksmith-service .main_title .h1 {font-size: 22px; } 
.our_service_section .service-text .btn {padding: 12px 15px; } 
.title_main {font-size: 22px; } 
.small_title {font-size: 12px;} #bannerform textarea, .contactpage-form #bannerform textarea {height: 80px; padding: 10px 15px; } 
#bannerform input, #bannerform textarea, #bannerform select {font-size: 14px;  padding: 10px 15px;} 
.banner-form-inner {  padding: 30px 20px 30px; } 
.call_detail_bx span {padding: 0 0px 0 5px;} 
.Logo-circle {font-size: 21px; width: 60px; height: 60px; line-height: 60px; } 
.page-template-products .inner_about_content .small_content_img { right: -25px; } 
.location_list li a {padding: 10px 10px; min-width: 145px; font-size: 12px; } 
.product_detail_content_section .main_title .h3 { font-size: 26px; line-height: 34px; } 
.related-products-section .main_title .h3 {font-size: 24px; line-height: 30px; } 
#big {height: 350px; } 
.inner_breadcrumb ol li:after { right: -13px;} .inner_breadcrumb ol li {font-size: 14px; } 
.single-products #inner_banner {min-height: 70px; } .inner_breadcrumb ol li+li {margin-left: 15px; } 
.inner_about_content.left_img.gray-bg .big_content_img > img, .inner_about_content.left_img .big_content_img > img {clip-path: polygon(0% 0%, calc(100% - 56px) 0%, 100% 67px, 100% 100%, 0% 100%); } 
.page-template-common-template .why-img-bx span { top: 110px;} 
.timeline::after {left: 43px;} 
.diamond {left: 43px; } 
.register_logo {height: 100px; width: 100px;}   
.page-template-common-template .why-img {clip-path: polygon(0% 0%, calc(100% - 61px) 0%, 100% 72px, 100% 100%, 0% 100%);}     
.why-img {   clip-path: polygon(0% 0%, calc(100% - 62px) 0%, 100% 70px, 100% 100%, 0% 100%);}     
.single-location .why-section .why-img {   clip-path: polygon(0% 0%, calc(100% - 62px) 0%, 100% 70px, 100% 100%, 0% 100%);}

}





@media screen and (max-width:350px) {
.call_bx {margin: 0 10px 0 0; } 
.inner_banner_caption h1, .inner_banner_caption .h1 {font-size: 27px; } 
.banner-form-inner h3, .banner-form .banner-form-inner p {font-size: 22px;} 
.page-template-products .inner_about_content .small_content_img { right: -20px; top: 22%;} 
.page-template-products .inner_about_content .big_content_img {width: 285px; } 
.location_list {gap: 10px; } 
.location_list li a {  min-width: 130px;} 
.why-img-bx span {width: 130px; height: 140px;} 
.single-location .small_content_img {width: 130px; height: 140px;} 
.inner_breadcrumb ol li:after {right: -10px; } 
.inner_breadcrumb ol li {font-size: 12px; } 
.inner_breadcrumb ol li+li {margin-left: 10px; } 
#big {height: 320px; } 
.inner_about_content.left_img.gray-bg .small_content_img, .inner_about_content.left_img .small_content_img {top: 115px; } 
.team_member_img {height: 330px; }
.static-logo li img { height: 46px; }      
.timeline-item.left, .timeline-item.right { width: 86%;}  








}