@media (max-width:1720px) {
    .main-header .container-fluid{
        padding: 0 40px;
    }
}
@media (max-width:1650px) {
    .main-banner-left {
        padding-left: 6%;
    }
}
@media (max-width:1700px) {
    .main-header .nav-link {
        margin-right: 18px;
    }
}
@media (max-width:1550px) {
    .main-banner-left {
        padding-left: 3%;
    }
}
@media (max-width:1500px) {
    .container-main{
        max-width: unset;
        padding: 0 40px;
    }
    .main-banner-left {
        padding-left: 0;
    }
    .header-qoute-btn a {
        width: 239px;
    }
}
@media (max-width:1440px) {
    .main-header .nav-link {
        margin-right: 15px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* .navbar-nav {
        margin-right: 35px !important;
    } */
    .banner-left-content h1 {
        font-size: 38px;
        line-height: 49px;
    }
    .banner-left-content p {
        font-size: 18px;
        line-height: 22px;
    }
    .banner-left-content a {
        margin-top: 35px;
    }
    .success-main {
        padding-top: 58px;
    }
    .sucess-main-title h6 {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 5px;
    }
    .sucess-main-title h2 {
        font-size: 52px;
        line-height: 65px;
    }
    .sucess-info {
        padding-top: 45px;
    }
    .metal-available-title h2 {
        font-size: 38px;
        line-height: 58px;
    }
    .available-metel-flex {
        margin: 0 -15px;
        padding-top: 45px;
        padding-bottom: 46px;
    }
    .available-metel-block {
        width: 16.66%;
        padding: 0 15px;
        padding-bottom: 29px;
    }
    .expensive-variety-title h2 {
        font-size: 32px;
        padding-bottom: 15px;
    }
    .expensive-variety-title {
        padding-bottom: 35px;
    }
    .hone-stratagic-block h2 {
        font-size: 32px;
        padding-bottom: 15px;
    }
    .hone-stratagic-block h3 {
        font-size: 40px;
        line-height: 40px;
    }
    .footer-top {
        padding: 70px 0;
    }
    .footer-top-block h4 {
        font-size: 29px;
        line-height: 32px;
    }
    .footer-instagram {
        padding-top: 20px;
    }
}
@media (max-width:1380px) {
    .main-header .navbar-brand {
        width: 7%;
    }
    .main-header .navbar-brand img{
        width: 100%;
    }
    .call-icon {
        padding-right: 10px;
    }
    .header-qoute-btn {
        padding-left: 10px;
    }
    .header-qoute-btn a {
        font-size: 14px;
    }
    .certified-iso-icon {
        padding-left: 25px;
    }
    .banner-left-content h1 {
        font-size: 36px;
        line-height: 47px;
    }
}
@media (max-width:1366px) {
    .sucess-main-title h2 {
        font-size: 45px;
        line-height: 55px;
    }
}
@media (max-width:1320px) {
    .main-header .nav-link {
        font-size: 14px;
    }
}
@media (max-width:1280px) {
    .banner-left-content h1 {
        font-size: 33px;
        line-height: 44px;
    }
    .banner-left-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .banner-left-content a {
        margin-top: 25px;
    }
    .success-main {
        padding-top: 48px;
    }
    .sucess-main-title h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .sucess-www {
        padding-right: 30px;
    }
    .metal-available-title h2 {
        font-size: 35px;
        line-height: 50px;
    }
    .available-metel-flex {
        margin: 0 -10px;
        padding-top: 30px;
        padding-bottom: 41px;
    }
    .available-metel-block {
        padding: 0 10px;
        padding-bottom: 19px;
    }
    .available-metal-name h6 {
        font-size: 20px;
        line-height: 30px;
    }
    .hone-stratagic-block h2 {
        font-size: 29px;
        padding-bottom: 12px;
    }
    .hone-stratagic-block h3 {
        font-size: 35px;
        line-height: 35px;
    }
    .footer-top-block h4 {
        font-size: 25px;
        line-height: 28px;
    }
    .footer-instagram {
        padding-top: 15px;
    }
}
@media (max-width:1250px) {
    .call-icon img {
        width: 20px;
    }
    .certified-iso-icon img {
        width: 50px;
    }
    .call-icon::after {
        height: 100%;
    }
    .banner-left-content h1 {
        font-size: 31px;
        line-height: 42px;
    }
}
@media (max-width:1200px) {
    .header-qoute-btn a {
        width: 199px;
        font-size: 12px;
    }
    .certified-iso-icon {
        padding-left: 10px;
    }
    .sucess-main-title h2 {
        font-size: 36px;
        line-height: 45px;
    }
    .sucess-www {
        padding-right: 20px;
    }
    .sucess-qoute-btn {
        padding-left: 20px;
    }
    .available-metel-block {
        padding: 0 5px;
        padding-bottom: 9px;
    }
    .available-metel-flex {
        margin: 0 -5px;
    }
    .contact-page-main {
        padding-top: 66px;
        padding-bottom: 75px;
    }
    .contact-page-title h1 {
        font-size: 32px;
        line-height: 34px;
    }
    .contact-page-form-main {
        padding-top: 20px;
    }
}
@media(max-width:1130px){
    .main-header .navbar-brand {
        width: 5%;
        padding-right: 0px;
    }
    .main-banner-slider-img {
        height: 500px;
    }
    .main-banner-slider-img img {
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
    .banner-left-content h1 {
        font-size: 36px;
        line-height: 47px;
    }
    .call-icon a {
        font-size: 14px;
    }
    .main-header .nav-link {
        margin-right: 10px;
    }
}
@media (max-width:1024px) {
    .main-header .container-fluid {
        padding: 0 17px;
    }
    .header-qoute-btn a {
        width: 175px;
        font-size: 11px;
        height: 40px;
    }
    .banner-left-content h1 {
        font-size: 32px;
        line-height: 43px;
    }
    .sucess-main-title h2 {
        font-size: 32px;
        line-height: 33px;
    }
    .sucess-info-main p {
        font-size: 20px;
        line-height: 26px;
    }
    .metal-available-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .available-metel-block {
        width: 25%;
    }
    .avilable-metal-img {
        height: 80px;
    }
    .avilable-metal-img img {
        height: 100%;
    }
    .contact-page-main {
        padding-top: 46px;
        padding-bottom: 50px;
    }
}
@media (max-width:991px) {
	.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
		background-image: url(../images/close.webp);
		font-size: 16px;
	}
    .main-header .navbar-toggler-icon{
        background-image: url(../images/menu.webp);
        background-repeat: no-repeat;
    }
    .main-header .navbar-brand {
        width: 7%;
    }
    .navbar-collapse {
        position: absolute;
        z-index: 2;
        background: #fff;
        width: 100%;
        left: 0;
        top: 110px;
    }
    .main-header.mobile-menu {
        display: block;
    }
    .main-header{
        display: none;
    }
    .navbar-collapse ul{
        padding-bottom: 600px;
        padding-left: 17px;
        padding-top: 20px;
    }
    .navbar-toggler:focus{
        box-shadow: unset;
    }
    .contact-form-flex .contact-form-block {
        padding: 0 8px;
        padding-bottom: 15px;
    }
    .contact-form-flex {
        margin: 0 -8px;
    }
    .contact-form-block {
        padding-bottom: 15px;
    }
    .file-upload-block{
        padding: 15px;
    }
}

@media (max-width:768px) {
	.navbar-collapse {
    	top: 91px;
	}
    .container-main {
        padding: 0 20px;
    }
    .banner-left-content h1 {
        font-size: 27px;
        line-height: 33px;
    }
    .main-banner-slider-img {
        height: 365px;
    }
    .banner-left-content a {
        font-size: 14px;
        width: 240px;
        height: 43px;
    }
    .expensive-variety-block {
        padding: 0 3px;
        padding-bottom: 15px;
    }
    .expensive-variety-flex{
        margin: 0 -3px;
    }
    .flip > .front, .flip > .back {
        height: 325px;
        padding: 23px;
    }
    .expensive-view-more {
        padding-top: 13px;
    }
    .expensive-view-more a{
        font-size: 14px;
    }
    .hone-stratagic-block h3 {
        font-size: 30px;
        line-height: 32px;
    }
    .footer-qoute-btn a {
        width: 239px;
        height: 43px;
    }
    .contact-page-title h1 {
        font-size: 30px;
        line-height: 32px;
    }
    .estimator-form-block-left label{
        float: unset;
    }
    .row.estimator-form-flex .col-5{
        width: 20%;
    }
    .row.estimator-form-flex .col-6{
        width: 80%;
    }
    .row.estimator-form-flex {
        padding: 0 20px;
    }
    .row.estimator-form-flex .col-3{
        width: 50% !important;
    }
    .col-5.metal-density {
        width: 80% !important;
    }
    .col-12.submit-btn-estimator {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width:600px) {
	.navbar-collapse {
		top: 140px;
	}
    .main-banner-flex {
        flex-flow: column-reverse;
    }
    .main-banner-slider-img {
        height: 350px;
    }
    .main-banner-left {
        width: 100%;
        padding: 40px 0;
    }
    .footer-top-flex {
        flex-flow: column;
        row-gap: 15px;
    }
    .main-banner-right {
        width: 100%;
    }
    .main-banner-slider-img img {
        object-position: right;
    }
    .success-main {
        padding-top: 40px;
    }
    .sucess-main-title h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .sucess-title-img {
        height: 235px;
    }
    .sucess-title-img img {
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .main-header .navbar-brand {
        width: 16%;
    }
    .sucess-info {
        padding-top: 30px;
    }
    .sucess-info-main p {
        font-size: 16px;
        line-height: 24px;
    }
    .sucess-info-main h4 {
        font-size: 22px;
        line-height: 30px;
        padding-top: 25px;
        padding-bottom: 15px;
    }   
    .sucess-info-flex {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .sucess-qoute-btn a {
        font-size: 14px;
        width: 158px;
        height: 40px;
    }
    .sucess-www {
        padding-right: 12px;
    }
    .sucess-qoute-btn {
        padding-left: 11px;
    }   
    .metal-available-title h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .metal-available {
        padding-top: 40px;
    }
    .available-metel-block {
        width: 50%;
    }
    .available-metel-flex {
        padding-top: 25px;
    }
    .expensive-variety {
        padding: 40px 0;
    }
    .expensive-variety-title h2 {
        font-size: 26px;
        padding-bottom: 15px;
    }
    .expensive-variety-title p {
        font-size: 16px;
        line-height: 20px;
    }
    .expensive-variety-title {
        padding-bottom: 25px;
    }
    .expensive-variety-block{
        width: 100%;
        padding: 0;
        padding-bottom: 15px;
    }
    .expensive-variety-block:nth-child(1), .expensive-variety-block:nth-child(2) {
        width: 100%;
    }
    .expensive-variety-name {
        margin: -30px 20px 0px 20px;
        padding: 10px 0px 10px 0px;
    }
    .expensive-variety-flex{
        margin: 0;
    }
    .expensive-variety-name h2 {
        font-size: 18px;
    }
    .banner-left-content {
        text-align: center;
    }
    .banner-left-content a {
        margin: 0 auto;
        margin-top: 20px;
    }
    .home-stratagic {
        padding: 40px 0;
    }
    .home-stratagic-flex {
        flex-flow: column;
    }
    .hone-stratagic-block h2 {
        font-size: 24px;
        text-align: center;
        padding-bottom: 7px;
    }
    .hone-stratagic-block h3 {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
    }
    .hone-stratagic-block a{
        margin-top: 10px;
    }
    .home-stratagic {
        padding: 30px 0;
    }
    .footer-top {
        padding: 40px 0;
    }
    .footer-qoute-btn a {
        width: 215px;
        height: 40px;
        font-size: 14px;
    }
    .footer-top-right {
        column-gap: 8px;
        padding-bottom: 5px;
    }
    .footer-bottom {
        padding: 10px 0;
    }
    .footer-bottom span {
        line-height: 22px;
    }
    .contact-page-title h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .contact-form-flex .contact-form-block {
        padding: 0;
        padding-bottom: 15px;
        width: 100%;
    }
    .contact-form-flex {
        margin: 0;
        flex-wrap: wrap;
    }
    .contact-form-block label {
        font-family: 'Poppins';
        font-size: 16px;
    }
    .contact-form-block:nth-child(6) {
        width: 100%;
    }
    .contact-form-block textarea{
        min-height: 157px;
    }
    .file-upload-block {
        width: 100%;
    }
    .submit-block {
        padding-top: 15px;
        width: 100%;
    }
    .submit-block input {
        font-size: 14px;
        height: 40px;
        letter-spacing: 1.4px;
    }
    .row.estimator-form-flex .col-5 {
        width: 100%;
    }
    .estimator-form-block-left label {
        margin-bottom: 5px;
    }
    .row.estimator-form-flex .col-6 {
        width: 100%;
    }
    .row.estimator-form-flex {
        padding: 0 10px;
    } 
    .row.estimator-form-flex .col-10.offset-2 p img.active {
        width: 100%;
    }  
    .col-5.metal-density {
        width: 100% !important;
    }
    .row.estimator-form-flex .col-3 {
        width: 100% !important;
    }
    .col-12.submit-btn-estimator {
        padding-left: 16px;
        padding-right: 16px;
    }
    .col-12.submit-btn-estimator button {
        height: 42px;
        font-size: 14px;
    }
    .calculations-results {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    table#estimator-result tbody {
        width: 98%;
    }
    table#estimator-result tbody td {
        text-align: center;
        font-size: 14px;
    }
    table#estimator-result tbody th {
        padding-left: 0px;
        border: 1px solid #dee2e6;
        border-left: unset;
        font-size: 14px;
    }
    .main-banner-slider-img img{
        clip-path: unset;
    }
}


@media (max-width:414px) {
	.navbar-collapse {
		top: 101px;
	}
}

@media (max-width:375px) {
	.navbar-collapse {
		top: 94px;
	}
}