/* -----------------------------------------------------
  Responsive Styles
----------------------------------------------------- */

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

  .inner-banner .content{padding-left: 15px;}

.works {margin: 0;}

}

@media screen and (max-width:1499px){
h1 {font-size: 54px;line-height: 72px;}
.banner .item { min-height: 600px; }
.works li { padding: 0 50px 41px; }

	
/*======= CONTACT_US inner-page ==========*/
.contact-us .contact-block .form-block{padding-left: 25px;margin: 25px auto 0;}

/*======= Remount Page ==========*/
header .navbar-nav li { margin: 0 25px 0 0; }
header nav { padding: 55px 20px 0 15px; }

}

@media screen and (max-width:1399px){
h1 {font-size: 52px;line-height: 68px;}
header .navbar-nav li { margin: 0 30px 0 0; }
.banner .content {max-width: 620px;}
.banner .item { min-height: 550px; }
.works li { padding: 0 40px 41px; }
 header .navbar-nav li { margin: 0 15px 0 0; }

/*======= Repair And Services inner-page ==========*/
.custom-main{padding: 75px 10px 82px;}
.repairs-page .product .product-img figure{height: 280px;}

/*======= Custom Jewelry inner-page ==========*/
.faqs .accordion-faqs .accordion-item:nth-child(even){padding-left: 50px;}
.faqs .accordion-faqs .accordion-item:nth-child(odd){padding-right: 50px;}

/*======= CONTACT_US inner-page ==========*/
.contact-us .contact-block .contact-details{flex: 0 0 520px;}
.contact-us .contact-block .contact-details .content{padding: 30px 0 40px}
}

@media screen and (max-width:1299px) {
h1 {font-size: 50px;line-height: 66px;}
header nav { padding: 45px 15px 0 15px; }
header .btn { margin-top: 30px; }
header .navbar-nav li { margin: 0 20px 0 0; }
header .navbar-nav li a { font-size: 16px; }
header figure { height: 100px; max-width: 170px; }
.header-main nav{padding: 25px 20px 0 15px;}
.banner .content {max-width: 580px;}
.banner .item { min-height: 530px; }
.banner .btn{font-size: 22px;}
.works li { flex: 0 0 23%; margin: 50px 1% 0; }
.get-in-touch .content-block { padding: 123px 45px 20px; }

/*======= Repair And Services inner-page ==========*/
.repairs-page{padding: 85px 20px 95px;}
.repairs-page .repairs-block{padding: 33px 30px 33px 30px;flex: 0 0 310px;}


/*======= Custom Jewelry inner-page ==========*/
.custom-main .custom-right{padding-left: 40px;}
.custom-main .custom-left{flex: 0 0 53%;}

.faqs .accordion-faqs .accordion-item:nth-child(even){padding-left: 25px;}
.faqs .accordion-faqs .accordion-item:nth-child(odd){padding-right: 25px;}
}

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

h1 { font-size: 46px;line-height: 62px; }
header nav { padding: 23px 15px 0 15px; }
header .btn { padding: 10px 15px; margin-top: 10px; }
header .logo { max-width: 150px; width: 100%; }
header .navbar-nav li a { font-size: 14px; }
header .navbar-nav li { margin: 0 10px 0 0; }
header figure{height: inherit;}
header .logo { max-width: 120px; }
.header-main figure { max-width: 100px; height: inherit;}
.header-main .btn { margin-top: 5px; }
.header-main nav { padding: 18px 10px 0 15px; }
.header-main nav{padding: 25px 10px 0 15px;}
.banner .btn{font-size: 20px;}
.banner .item { min-height: 500px;padding:0; }
.banner .content {max-width: 430px;}
.works li { flex: 0 0 31.3%; margin: 50px 1% 25px; }
.works { justify-content: center; }
.design-care .design-block figure{height: 350px;}
.get-in-touch .form-block { padding: 54px 30px 62px; flex: 0 0 64%; }
.get-in-touch .content-block { padding: 123px 30px 20px; flex: 0 0 36%; }
.gallery ul li { flex: 0 0 25%; }
.gallery ul { justify-content: center; }

/*======= Repair And Services inner-page ==========*/

.repairs-page .products-main{flex-wrap: wrap;}
.repairs-page .product{flex: 0 0 calc(50% - 21px);}
.repairs-page .repairs-block{padding: 33px 20px 33px 20px;flex: 0 0 275px;}
.repairs-page .products-block:first-child .products-header h2{font-size: 24px;line-height: 32px;}


/*======= Custom Jewelry inner-page ==========*/
.custom-main .custom-left{flex: 0 0 48%;}
.custom-main .custom-left figure {height: 250px;width: 280px;}
.custom-main .custom-left .custom-figure2 {width: 300px;height: 240px;}
.custom-main .custom-right{padding-left: 25px;}
.custom-main .custom-left .custom-figure1{margin-bottom: -90px;}

.custom-consult .design-block figure{height: 320px;}
.custom-consult{padding: 70px 0 100px;}

.faqs .accordion-faqs .accordion-item .accordion-header button{font-size: 18px;}
.faqs h2 {margin-bottom: 45px;}
.faqs .accordion-faqs .accordion-item:nth-child(even){padding-left: 10px;}
.faqs .accordion-faqs .accordion-item:nth-child(odd){padding-right: 10px;}

/*======= About Us inner-page ==========*/

.about-service .design-block figure{height: 430px;}
.about-service .design-block .content{padding:10px 10px 10px 25px;}
.about-service .design-block:nth-child(odd) .content{padding:10px 10px 10px 15px;}


/*======= How It Works inner-page ==========*/
.here-the-process .process li {gap: 25px;}
.here-the-process .process li figure {flex: 0 0 155px;height: 155px;width: 155px;}
.here-the-process .process li figure img{width: 90px;height: 90px;}

/*======= GAllERY inner-page ==========*/
.gallery-main .gallery-block li{flex: 0 0 calc(33.33% - 24px);margin: 0 12px 24px;}
.gallery-main .gallery-block li .popup-image{height: 290px;}

/*======= CONTACT_US inner-page ==========*/
.contact-us .contact-block .contact-details{flex: 0 0 480px;}
.contact-us .contact-block .contact-details .content{padding: 20px 0 25px}



}

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

li.dropdown > ul.dropdown-menu {
    display: block;
    top: 90px;
    margin: 0 auto;
    opacity: 0;
    padding: 0;
    left: -100%;
    right: -100%;
    max-width: 210px;
    min-width: 0;
    background-color: #484644; 
    /*border: 1px solid #f8f8f8;*/
    text-align: left; 
    transform: scale(0.8);
    transition: all 0.4s ease 0s;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.176);
  }

li.dropdown:hover > ul.dropdown-menu, 
  li.dropdown.open > ul.dropdown-menu {
    display: block;
    opacity: 1;
    transform: scale(1);
    transition: all 0.4s ease 0s;
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; left: 0; padding: 10px 0 7px;
  }
.repairs-page .products-block .products-header button.btn {display: none;}

}

@media screen and (max-width: 991px) {
h1 {font-size: 42px;line-height: 58px;}
h2 { font-size: 31px; }
.btn.btn-black{font-size: 22px;}
header .btn { margin-right: 50px; }
.header-main .mobile-toggle { top: 27px; }
header .navbar-nav li { float: none; margin: 0; text-align: left; border-bottom: 1px solid #000; padding: 10px 10px; }
header .navbar-nav { padding: 0 15px; max-width: 400px; width: 100%; margin: 100px auto 0; }
header .navbar-nav li a { font-size: 16px; color:#000000;font-weight:500; }
footer .useful-links li {  width: 70%; }
footer .useful-links li:nth-child(even){width: 30%;}
.banner .content {margin-bottom: 25px;
    margin-left: 0px;}
.design-care .design-block .content{padding: 15px;}
.design-care h2 { font-size: 29px; }
.design-care aside .content { padding: 0 30px 0 15px; }
.design-care .design-block figure{height: 320px;}
.works figure { width: 100px; height: 100px; margin: -42px auto 15px; padding: 25px; }
.works { max-width: 600px; width: 100%; margin:0 auto; }
.works li { flex: 0 0 47%; margin: 50px 1.5% 25px; }
.get-in-touch .full-block { display:block !important; }
.get-in-touch .full-block .content { max-width: 330px; width: 100%; margin: 0 auto; }
.get-in-touch .content-block { padding: 40px 30px; }
.get-in-touch .btn {padding: 7px 85px;}
.gallery ul li { flex: 0 0 33.3%; }
.testimonials .testimonial { padding: 65px 25px 18px 40px; }
.testimonials .testimonial::after,
.testimonials .testimonial::before { left: 15px; }
.testimonials .testimonial::after { left: inherit; bottom: 30px; right: 30px; }

/*======= Repair And Services inner-page ==========*/
.inner-banner .content h1{font-size: 50px;}
.inner-banner .content {   left: 50%;right: 50%;transform: translate(-50%, -50%);text-align: center;padding: 15px;}

.repairs-page .products-block .products-header button.btn {display: block;font-size: 20px;}
.repairs-page{overflow: hidden;}
.repairs-page .products-block .products-header {position: relative; padding:0;margin:0 }
.repairs-page .repairs-block {position:absolute;z-index: 10; width: 300px;  box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.1); right:5px; transform:translateX(110%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.repairs-page .repairs-block.open {transform:translateX(0);}
.repairs-page .products-block .products-header button.btn {margin-left: 20px}
.repairs-page .products-block .products-header button.btn:hover{color: #000000;}
.repairs-page .products-block .products-header button.btn {display: block; position:relative;flex-shrink:0; }
.repairs-page .products-block .products-header button.btn i{padding-left: 5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.repairs-page .products-block .products-header button.btn.active i {transform: rotate(90deg);}
.repairs-page .main-block{display: block;}
.repairs-page .products-block:first-child .products-header h2{font-size: 26px;line-height: 32px;}
.repairs-page .main-block>.products-right{width: 100%;}

/*======= Custom Jewelry inner-page ==========*/
.custom-main .custom-block{display: block;}
.custom-main .custom-left{max-width: 550px;width: 100%;margin: 0 auto;}
.custom-main .custom-right{max-width: 100%;margin-top: 60px;padding-left: 0px}
.custom-main {padding: 75px 15px 60px;}

.custom-consult .design-block figure {height: 300px;}
.custom-consult{padding: 70px 0 80px;}

.type-jewelry .jewelry-main .jewelry-block {flex: 0 0 25%;padding: 25px 0;}

.faqs h2 {margin-bottom: 35px;}
.faqs .btn {padding: 8px 56px;}
.faqs .accordion-faqs .accordion-item:nth-child(even){padding-left: 0px;}
.faqs .accordion-faqs .accordion-item:nth-child(odd){padding-right: 0px;}
.faqs .accordion-faqs .accordion-item{width: 100%;display: block;}

/*======= About Us inner-page ==========*/

.welcome-jove {padding: 65px 0 55px;}
.welcome-jove p{padding: 0 10px;}

.about-service .design-block .content p{font-size: 16px;margin-bottom: 10px;line-height:26px;}
.about-service .design-block .content ul li{font-size: 16px;}
.about-service .design-block figure{height: 410px;}
/*.about-service .design-block, .about-service .design-block:nth-child(odd) {display: block;max-width: 740px;width: 100%;margin: 0 auto;}
.about-service .design-block .content, .about-service .design-block:nth-child(odd) .content{padding:20px;text-align: left !important;}*/

/*======= How It Works inner-page ==========*/

.here-the-process .process li{gap: 15px;}
.here-the-process h2{margin-bottom: 35px;}
.here-the-process .process li figure {flex: 0 0 130px;height: 130px;width: 130px;}
.here-the-process .process li figure img{width: 80px;height: 80px;}
.here-the-process:before, .here-the-process:after, .how-it-works:before, .how-it-works:after{height: 175px;width: 480px;}
.here-the-process:after{height: 130px;width: 400px;}
.here-the-process .process li .process-content h5{font-size: 20px;}

/*======= GAllERY inner-page ==========*/
.gallery-main .gallery-block li .popup-image{height: 260px;}

/*======= FAQS inner-page ==========*/
.faqs-page{padding: 70px 10px 70px;}


/*======= CONTACT_US inner-page ==========*/
.contact-us .contact-block{display: block !important;}
.contact-us .contact-block .contact-details{max-width: 600px;width: 100%;margin: 0 auto;}
.contact-us .contact-block .form-block{padding:0 20px;margin-top: 30px;}
.contact-us .contact-block .form-block .button-bottom .btn{padding: 10px 65px;}


}

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

h1 { font-size: 36px; line-height: 54px; }
h2 { font-size: 28px; line-height: 35px; }
h3 { font-size: 25px; line-height:32px }
h4 { font-size: 21px; }
h5 { font-size: 18px; }
p { font-size:16px; line-height: 24px; }
.btn { font-size: 16px; padding:7px 15px; }
.btn.btn-green,
.btn.btn-black { font-size: 20px; }
.social-icons li { padding: 0 15px 0 0; }
header .btn { padding: 7px 15px; margin-top: 14px; }
.header-main .btn{ margin-top: 10px; }
.banner .content { max-width: 560px; padding: 0 15px;margin: -25px auto -135px; }
.banner .content h1{margin-bottom: 30px;}
.banner .btn { padding: 7px 30px;font-size:18px; }
.banner .item{display: block;padding: 20px;}
.banner .item .banner-left{width: 220px;margin: 0;}
.banner .item .banner-right{width: 150px;margin-left: auto;margin-bottom: 0;}
footer .useful-links li {float: none;  width: 100%; }
footer { padding: 40px 0 20px; }
footer figure { max-width:150px; width:100%; margin:0 auto 25px; }
footer h5 { margin-bottom: 10px; }
footer .useful-links li { font-size: 14px; line-height: 22px; margin: 0 0 6px; }
footer .contact-footer p { font-size: 15px; line-height: 22px; }
footer .contact-footer p i { margin: 4px 10px 0 0; }
footer .copyrights { margin: 20px 0 0; }
.who-we-are { padding: 40px 0; }
.who-we-are .btn { padding: 5px 40px; }
.who-we-are p { margin-bottom: 12px; }
.design-care .design-block{display: block;max-width: 600px;width: 100%;margin: 0 auto; padding: 30px 0;}
.design-care .design-block .content{max-width: inherit;width: 100%;text-align: center;padding: 20px 0 0 0;}
.design-care .design-block figure{width: 100%; height: 280px;}
.design-care .design-block .btn { padding: 7px 35px; }
.design-care .design-block h2 { margin-bottom: 15px; font-size: 26px; line-height:34px;text-align:center; }
.how-it-works { padding: 40px 0; }
.how-it-works p { margin: 0 auto 15px;line-height:24px; }
.works li { padding: 0 30px 25px; margin: 35px 1.5% 20px; }
.works figure { width: 85px; height: 85px; margin: -35px auto 10px; padding: 20px; }
.get-in-touch { padding: 45px 0; }
.get-in-touch .content-block h5 { font-size: 16px; }
.get-in-touch .content-block { padding: 30px 15px; }
.get-in-touch .form-block { padding: 35px 15px; }
.get-in-touch .form-block h5 { font-size: 20px; }
.get-in-touch .btn {padding: 6px 75px;}
.form-block .form-group label { font-size: 15px; }
.get-in-touch .progress { height: 20px; }
.form-block .form-group .form-control { font-size: 16px; height: 45px; padding: 0 15px; }
.form-block .form-group { margin: 0 0 15px; }
form .btn { padding: 7px 30px; }
.gallery h2 { margin-bottom: 20px; }
.gallery { padding: 35px 0 0; }
.testimonials h2 { margin-bottom: 20px; }
.testimonials { padding: 45px 0; }
.testimonials .owl-dots { margin-top: 5px; }
.testimonials .owl-dots .owl-dot { margin:0 3px; width: 9px; height: 9px; }
.testimonials .owl-dots .owl-dot.active { border: 5px solid #000; width: 20px; height: 20px;  }
.testimonials .testimonial::after,
.testimonials .testimonial::before { width: 28px; height: 24px; top: 20px; }
.testimonials .testimonial::after { top: inherit; bottom: 20px; right: 20px; }
.testimonials .testimonial { padding: 45px 20px 10px 25px; }
.testimonials p { font-size: 15px; letter-spacing: 0; }
.testimonials ul li { font-size: 16px; margin-right: 3px; }
.testimonials .shape::after { width: 30px; height: 25px; bottom: -22px; left: 35px; }
.testimonials h5 { font-size: 16px; padding: 18px 0 0 45px; }
.testimonials .item { margin: 0; }

/*======= Repair And Services inner-page ==========*/
.inner-banner .content h1{font-size: 44px;line-height: 65px;}

.repairs-page{padding: 70px 20px 80px;}
.repairs-page .products-block:first-child .products-header{flex-wrap: wrap;}
.repairs-page .products-block:first-child .products-header .search-block{margin-right: auto;height: 47px;}
.repairs-page .products-block:first-child .products-header button.btn{padding: 7px 25px;}
.repairs-page .products-block:first-child .products-header h2{flex: 0 0 100%;}
.repairs-page .repairs-block{margin-top: 110px}

/*======= Custom Jewelry inner-page ==========*/
.custom-consult .design-block{flex-direction: inherit !important;max-width: 590px;width: 100%;margin: 0 auto;}
.custom-consult .design-block:nth-child(odd) .content, .custom-consult .design-block .content{margin: 0 auto;}
.custom-consult .design-block:nth-child(odd){max-width: 600px;width: 100%;margin: 0 auto;}
.custom-consult .design-block .content{max-width: 100% !important;flex: inherit;padding: 20px;}
.custom-consult h2{margin-bottom: 35px;font-size: 28px;}
.custom-consult .design-block{padding: 10px 0;}

.custom-consult{padding: 70px 0 70px;}
.custom-consult .design-block figure{height: 290px;}

.type-jewelry .jewelry-main .jewelry-block {flex: 0 0 33.33%;}

.faqs .accordion-faqs .accordion-item .accordion-header button{padding: 20px 30px 20px 10px;}
.faqs .btn {padding: 8px 50px;}

/*======= About Us inner-page ==========*/

.welcome-jove h6{font-size: 17px;}

/*.about-service .design-block, .about-service .design-block:nth-child(odd) {display: block;max-width: 740px;}*/
.about-service .design-block figure{height: 350px;}
.about-service .design-block .content, .about-service .design-block:nth-child(odd) .content{padding:20px;text-align: left !important;}
.about-service .design-block, .about-service .design-block:nth-child(odd) {display: block;max-width: 570px;width: 100%;margin: 0 auto;text-align: left;}

/*======= How It Works inner-page ==========*/

.here-the-process h2{margin-bottom: 30px;}
.here-the-process .process li {display: block;text-align: center;padding: 15px;margin-bottom: 20px;}
.here-the-process .process li figure{margin: 0 auto;}
.here-the-process .process li figure {flex: 0 0 115px;height: 115px;width: 115px;}
.here-the-process .process li figure img{width: 70px;height: 70px;}
.here-the-process:before, .here-the-process:after, .how-it-works:before, .how-it-works:after{height: 145px;width: 450px;}
.here-the-process:after{height: 140px;width: 380px;}
.here-the-process .process li .process-content h5{font-size: 18px;}

/*======= GAllERY inner-page ==========*/
.gallery-main{padding: 90px 15px 60px;}
.gallery-banner .container-fluid{min-height: 380px;}
.gallery-main .gallery-block li{flex: 0 0 calc(50% - 24px);margin: 0 12px 24px;}
.gallery-main .btn{padding: 10px 58px;}

/*======= FAQS inner-page ==========*/
.faqs-page{padding: 60px 10px 60px;}
.faqs-page .accordion-faqs .accordion-item .accordion-header button{font-size: 18px;}
.faqs-page .accordion-faqs .accordion-item .accordion-body {font-size: 16px;line-height: 26px;}
.faqs-page .btn{margin-top: 45px;padding: 10px 32px;}

/*======= CONTACT_US inner-page ==========*/
.contact-us{padding: 60px 0 65px;}
.contact-us .contact-block .contact-details .content .label-heading{font-size: 18px;}
.contact-us .contact-block .contact-details .content .contact-info a{font-size: 16px;}
.contact-us .contact-block .contact-details .content .contact-info h5{margin-right: 20px;}
.contact-us .contact-block .contact-details .content {padding: 25px;}
.contact-us .contact-block .contact-details .content .contact-info h5 a{font-size: 22px;}
.contact-us .contact-block .form-block .button-bottom .btn{padding: 9px 60px;}

.map-block iframe{height: 400px;}
	
form.cf7mls input.wpcf7-form-control.wpcf7-submit {    width: 150px; transform: translate(110px);     font-size: 20px !important;}	
.cf7mls-btns .cf7mls_back.action-button {
     transform: translate(-90px);
    top: -94px; height:52px;
    font-size: 20px !important;
    width: 150px;
}	
	.cf7mls_next.action-button{    font-size: 20px !important;}	
	
/*======= Remount Page ==========*/
.remount-servie-page .custom-consult { padding: 40px 0; }
.remount-servie-page .reinvent { padding: 50px 0; }


}

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

h1 { font-size: 34px;line-height: 50px; }
.btn.btn-green, 
.btn.btn-black { font-size: 17px; }
.banner .item { min-height: 500px; }
.banner .content { max-width: 560px; padding: 0 15px;margin: -25px auto -95px; background-color: rgba(0, 0, 0, 0.4);padding: 15px 15px 20px;}
.banner .content h1 { margin-bottom: 20px; }
.banner .btn { padding: 7px 25px;}
.banner .item .banner-left {width: 200px}
.banner .item .banner-right {width: 130px;} 
.who-we-are .btn { padding: 5px 25px; }
.design-care .design-block .btn {padding: 6px 30px;}
.works li p { font-size: 14px; }
.works li h5 { font-size: 16px; }
.works li { padding: 0 20px 25px; }
.gallery ul li { flex: 0 0 50%; }
.testimonials .testimonial { border-radius: 20px; }
.get-in-touch .progress {height: 15px;}
.get-in-touch .btn {padding: 6px 60px;}


/*======= Repair And Services inner-page ==========*/
.inner-banner .content{padding: 0 25px;}
.inner-banner .content h1{font-size: 40px;line-height: 60px;}

.repairs-page .products-main{display: block;padding: 15px;}
.repairs-page .product{max-width: 480px;width: 100%;margin: 0 auto 30px;}
.repairs-page .product .product-img figure {height: 280px;}
.repairs-page .products-block{margin-bottom: 25px;}
.repairs-page .main-block>.products-right .products-right-bottom .btn{padding: 7px 55px;}
.repairs-page{padding: 70px 20px 70px;}

/*======= Custom Jewelry inner-page ==========*/
.custom-main .custom-left figure {height: 220px;width: 250px;}
.custom-main .custom-left .custom-figure2 {width: 260px;height: 220px;}
.custom-main .custom-left {max-width: 480px;}
.custom-main .custom-right p{font-size: 16px;line-height: 24px;}

.custom-consult .design-block figure{height: 270px;}
.custom-consult {padding: 70px 0 60px;}

.type-jewelry {padding: 65px 0 75px;}
.faqs .btn {padding: 8px 45px;}


/*======= About Us inner-page ==========*/

.about-service .design-block figure{height: 320px;}
.about-service .design-block, .about-service .design-block:nth-child(odd) {max-width: 450px;}

/*======= How It Works inner-page ==========*/

.here-the-process:before, .here-the-process:after, .how-it-works:before, .how-it-works:after{height: 145px;width: 420px;}
.here-the-process:after{height: 130px;width: 360px;}

/*======= GAllERY inner-page ==========*/
.gallery-main{padding: 80px 15px 60px;}
.gallery-banner .container-fluid{min-height: 370px;}
.gallery-main .gallery-block li {flex: 0 0 calc(50% - 18px);margin: 0 9px 20px;}
.gallery-main .gallery-block li .popup-image{height: 250px;}
.gallery-main .btn{padding: 10px 52px;}

/*======= FAQS inner-page ==========*/
.faqs-page .btn{padding: 10px 30px;}

/*======= CONTACT_US inner-page ==========*/
.contact-us .contact-block .form-block .button-bottom .btn{padding: 8px 53px;}
.contact-us .contact-block .form-block .form-main .form-group .form-control {font-size: 14px;height: 46px;}

.map-block iframe{height: 380px;}
	
	
	
}



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

footer aside { max-width:350px !important; width:100%; margin:0 auto 20px; }
footer figure { margin: 0; }
footer .useful-links { margin:0; }
.get-in-touch .form-block h5 { font-size: 17px; }
.form-block .form-group .form-control { height: 40px; }
.form-block .form-group label { font-size: 14px; margin-bottom: 2px; }


}

@media screen and (max-width: 479px) {
h1 { font-size: 30px;line-height:46px; }
h2 {font-size: 26px;line-height: 32px;}
h4 {font-size: 20px;}
header .btn { padding: 6px 9px; margin-top: 17px; margin-right: 44px; font-size: 14px; }
p{font-size: 14px;line-height: 22px;}
footer .contact-footer a{font-size: 15px;}
.banner .content { max-width: 560px;margin: -30px auto -70px; }
.banner .btn{font-size: 16px;padding: 5px 20px;}
.banner .item .banner-left {width: 170px}
.banner .item .banner-right {width: 110px;} 
.who-we-are .btn { padding: 5px 20px;font-size:16px; }
.design-care .design-block h2{font-size: 24px;}
.design-care aside .content { padding: 0 15px; }
.how-it-works p{line-height:22px;}
.get-in-touch .progress {height: 13px;}
.get-in-touch .btn {padding: 5px 50px;}
.design-care .design-block .btn {padding: 5px 25px;}
.works li { flex: 0 0 100%; max-width: 270px; width: 100%; margin: 30px 0 15px; }
.works figure { width: 75px; height: 75px; margin: -30px auto 10px; padding: 18px; }
.testimonials .testimonial { padding: 45px 15px 10px; }

/*======= Repair And Services inner-page ==========*/
.inner-banner .content h1{font-size: 36px;line-height: 46px;}
.inner-banner .content p{line-height: 22px;}

.repairs-page{padding: 60px 20px 60px;}
.repairs-page .product .product-img figure{height: 260px;}
.repairs-page .product h5{font-size: 16px;}
.repairs-page .product p{font-size: 14px;}
.repairs-page .products-block{margin-bottom: 15px;}
.repairs-page .products-block:first-child .products-header h2{font-size: 24px;line-height: 30px;}
.repairs-page .main-block>.products-right .products-right-bottom .btn{padding:6px 45px;}
.repairs-page .products-block:first-child .products-header .search-block{max-width: inherit;height: 45px;}
.repairs-page .products-block:first-child .products-header button.btn{margin-top: 15px;font-size: 18px;}
.repairs-page .products-block:first-child .products-header button.btn {padding: 5px 25px;font-size: 16px;}
.repairs-page .repairs-block{margin-top: 185px;}


/*======= Custom Jewelry inner-page ==========*/
.inner-banner .content h1 strong{padding-bottom: 4px;}
.custom-main .custom-left figure {height: 200px;width: 200px;}
.custom-main .custom-left .custom-figure2 {width: 200px;height: 200px;}
.custom-main .custom-left {max-width: 375px;}
.custom-main .custom-left .custom-figure2:after{right: 18px;}
.custom-main .custom-left figure:after{left: 18px;top: 18px;}
.custom-main .custom-left .custom-figure1{margin-bottom: -50px;}
.custom-main {padding: 60px 10px 50px;}

.custom-consult{padding: 60px 0;}
.custom-consult .design-block figure {height: 240px;}
.custom-consult .design-block p{line-height: 24px;}
.custom-consult .design-block .content{padding: 15px 15px 10px 15px;}
.custom-consult h2{font-size: 26px;line-height: 34px;}

.type-jewelry .jewelry-main .jewelry-block {flex: 0 0 50%;padding: 20px 0;}
.type-jewelry {padding: 60px 0 65px;}

.faqs .btn {padding: 7px 37px;}
.faqs .accordion-faqs .accordion-item .accordion-header button{font-size: 16px;}
.faqs .accordion-faqs .accordion-item .accordion-body{font-size: 14px;}
.faqs h2 {margin-bottom: 25px;}


/*======= About Us inner-page ==========*/

.welcome-jove {padding: 60px 0 40px;}
.welcome-jove h6{font-size: 16px;}
.welcome-jove p{line-height: 24px;}

.about-service .design-block figure{height: 300px;}
.about-service .design-block .content ul li, .about-service .design-block .content p {font-size: 14px;line-height: 24px;}
.about-service .design-block .content, .about-service .design-block:nth-child(odd) .content{padding: 15px;}

/*======= How It Works inner-page ==========*/
.here-the-process .process li .process-content h5 {font-size: 16px;}
.here-the-process .process li .process-content p{font-size: 14px;line-height: 20px;}
.here-the-process .process li figure {flex: 0 0 100px;height: 100px;width: 100px;}
.here-the-process .process li figure img{width: 60px;height: 60px;}
.here-the-process:before, .here-the-process:after, .how-it-works:before, .how-it-works:after{height: 135px;width: 370px;}
.here-the-process:after{height: 110px;width: 340px;}
.here-the-process .process li{margin-bottom: 15px;}

/*======= GAllERY inner-page ==========*/
.gallery-banner .container-fluid{min-height: 360px;}
.gallery-main .gallery-block li .popup-image{height: 240px;max-width: 370px;margin: 0 auto;}
.gallery-main .gallery-block li{flex: 0 0 calc(100% - 24px);margin: 0 12px 24px;}
.gallery-main .btn{padding: 9px 46px;}
.gallery-main .gallery-block{margin-bottom: 40px;}

/*======= FAQS inner-page ==========*/
.faqs-page{padding: 55px 10px 55px;}
.faqs-page .accordion-faqs .accordion-item .accordion-header button{font-size: 16px;padding: 18px 33px 18px 0;}
.faqs-page .accordion-faqs .accordion-item .accordion-body {font-size: 14px;line-height: 22px;}
.faqs-page .btn{padding: 9px 28px;}

/*======= CONTACT_US inner-page ==========*/
.contact-us{padding: 50px 0 55px;}
.contact-us .contact-block .contact-details h3 {margin-bottom: 13px;}
.contact-us .contact-block .contact-details .content .label-heading{font-size: 16px;}
.contact-us .contact-block .contact-details .content .contact-info a{font-size: 14px;}
.contact-us .contact-block .contact-details .content .contact-info h5 a{font-size: 20px;}
.contact-us .contact-block .contact-details .content .social-icons li a{font-size: 18px;}
.contact-us .contact-block .form-block .form-main .form-group .form-control {font-size: 14px;height: 44px;}
.contact-us .contact-block .contact-details .content .contact-info h5 {margin-right: 15px;}
.contact-us .contact-block .contact-details .content .contact-info{margin-bottom: 15px;}
.contact-us .contact-block .form-block .button-bottom .btn{padding: 8px 48px;}
.contact-us .contact-block .form-block .form-main .form-group{margin-bottom: 20px;}

.map-block iframe{height: 360px;}


}


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

h1 { font-size: 28px;line-height:42px; }
h2 {font-size: 24px;line-height: 32px;}
.banner .content { max-width: 560px;margin: -50px auto -30px; }
.banner .item .banner-left {width: 150px}
.banner .item .banner-right {width: 100px;} 
.get-in-touch .progress {height: 12px;}
.get-in-touch .btn {padding: 5px 40px;}

/*======= Repair And Services inner-page ==========*/
.inner-banner .content h1{font-size: 34px;line-height: 50px;margin-bottom: 10px;}

.repairs-page .product .product-img figure {height: 230px;}
.repairs-page .main-block>.products-right .products-right-bottom .btn{padding: 5px 35px;}


/*======= Custom Jewelry inner-page ==========*/
.custom-main .custom-left figure {height: 180px;width: 180px;}
.custom-main .custom-left .custom-figure2 {width: 180px;height: 180px;}
.custom-main .custom-left {max-width: 320px;}
.custom-main .custom-right p{font-size: 14px;line-height: 22px;}
.custom-main {padding: 50px 10px 40px;}

.custom-consult{padding: 50px 0 50px;}
.custom-consult .design-block figure {height: 220px;}
.custom-consult h2{font-size: 24px;}

.type-jewelry .jewelry-main .jewelry-block p{font-size: 14px;}
.type-jewelry {padding: 50px 0 55px;}

.faqs .btn {padding: 6px 27px;}

/*======= About Us inner-page ==========*/

.welcome-jove {padding: 50px 0;}
.welcome-jove h6{font-size: 15px;}

/*======= How It Works inner-page ==========*/
.here-the-process:before, .here-the-process:after, .how-it-works:before, .how-it-works:after{height: 135px;width: 320px;}
.here-the-process:after{height: 110px;width: 320px;}

/*======= GAllERY inner-page ==========*/
.gallery-banner .container-fluid{min-height: 340px;}
.gallery-main .gallery-block li .popup-image{height: 230px;max-width: 320px;margin: 0 auto;}
.gallery-main .btn{padding: 8px 42px;}

/*======= FAQS inner-page ==========*/
.faqs-page{padding: 50px 10px 50px;}
.faqs-page .btn{padding: 8px 25px;}

/*======= CONTACT_US inner-page ==========*/
.contact-us .contact-block .form-block .form-main .form-group .form-control {height: 42px;}
.contact-us .contact-block .form-block .button-bottom .btn{padding: 6px 40px;}
.contact-us .contact-block .contact-details .content .contact-info h5 a{font-size: 18px;}

.map-block iframe{height: 340px;}
	.cf7mls-btns .cf7mls_back.action-button {
     font-size: 17px !important;
    width: 120px;
    padding: 13px 20px !important;
		transform: translate(-70px);
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    width: 120px;
    transform: translate(110px);
    font-size: 17px !important;
}
	
	
	
}



/* -----------------------------------------------------
    Navifgation Responsive Styles
----------------------------------------------------- */
@media screen and (max-width: 991px) {
     nav#nav.is-active {
        opacity: 1;
        visibility: visible; 
        overflow-y: scroll;
    }

     nav#nav {
        position: fixed;
        top:0;
        left:0;
        margin-top:0;
        z-index:990;
        opacity:0.0;
        visibility: hidden;
        height:100%;
        width:100%;
        background-image:url(../images/testimonials-bg.jpg);
        background-repeat:no-repeat; 
        background-position: left center;
        background-size: cover;
        transition:all 0.35s ease-in-out;
        padding: 0;
    }
    
    .navbar-nav {
      padding: 75px 0 25px;
      text-align: center;
      width: 100%;
    }
    
    /* Cross icon */
    .mobile-toggle {
        position: absolute;
        top: 31px;
        right: 15px;
        z-index:999;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.25s;
        transition-timing-function: linear;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        padding: 0;
        width: 30px;
        height: 28px;
        float:right;
    }
    
    .mobile-toggle:hover {
        opacity: 0.7;
    }

    .mobile-toggle:focus {
        outline:0;
    }

    .mobile-toggle-box {
        width: 34px;
        height: 28px;
        display: inline-block;
        position: relative;
    }

    .mobile-toggle-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }
    
    .mobile-toggle-inner,
    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after {
        width: 28px;
        height: 3px;
        background-color: #FAF6F2;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }
    
    .is-active .mobile-toggle-inner,
    .is-active .mobile-toggle-inner::before,
    .is-active .mobile-toggle-inner::after {
        background-color: #FAF6F2;
    }

    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after {
        content: "";
        display: block;
    }
    
    .mobile-toggle-inner::before {
        top: -9px;
    }
    
    .mobile-toggle-inner::after {
        bottom: -9px;
    }

    .mobile-toggle--squeeze .mobile-toggle-inner {
        -webkit-transition-duration: 0.075s;
        -ms-transition-duration: 0.075s;
        transition-duration: 0.075s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -ms-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    
    .mobile-toggle--squeeze .mobile-toggle-inner::before {
        -webkit-transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
        -ms-transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
        transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
    }
    
    .mobile-toggle--squeeze .mobile-toggle-inner::after {
        -webkit-transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -ms-transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .mobile-toggle--squeeze.is-active .mobile-toggle-inner {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0.12s;
      -ms-transition-delay: 0.12s;
      transition-delay: 0.12s;
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }
    
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::after {
        bottom: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

}