@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .banner-single {min-height: 610px;}
    .location-block {margin: -120px 0 0;}
    .loc-inner:before {border-width: 25px 215px;}
    .location-block .col-sm-10 .row{padding: 0;}
    .contact-block{padding-top: 45px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body{font-size: 18px;line-height: 28px;}
    p{font-size: 18px;line-height: 28px;padding: 0 0 20px;}
    h1 {font-size: 44px;}
    .logo-outer {width: 200px;}
    .trigger-block {top: 30px;}
    .navigation-inner > ul {padding: 32px 0 0;}
    .navigation-inner > ul > li {margin: 0 20px 0;}
    .navigation-inner ul li a {line-height: 42px;font-size: 20px;}
    .navigation-inner ul li ul {top: 7px;}
    .navigation-inner ul li li {margin: 0 0 5px;}
    
    .banner-single {min-height: 550px;}
    .banner-content {margin: 20px 0 auto;}
    .location-block {margin: -120px 0 0;}
    .loc-inner {padding: 10px 15px 40px;}
    .order-btn {font-size: 25px;padding: 0 15px;}
    .btn-default.menu-btn {font-size: 14px;background-size: 22px 21px;padding: 0 12px;min-width: 290px;background-position: 10px center;}
    .btn-default.menu-btn:hover {background-size: 22px 21px;background-position: 10px center;}
    .flag-btn i {font-size: 22px;margin-right: 5px;}
    .flag-btn{font-size: 20px;padding: 0 17px;}
    .location-box span {background-size: 19px 28px;}
    .main-content {padding: 25px 20px 10px;}
    .block-single {width: 46%;}
    .main-content h2 {padding: 0 0 20px;}
    .loc-inner:before {border-width: 25px 175px;}
    .location-block .col-sm-10 .row{padding: 0;}
    
    .banner-container.inner .banner-single{min-height: 400px;}
    .contact-block h2{padding-bottom: 3px;}
    .contact-block .main-content{padding-bottom: 20px;}
    .form-outer .form-group{margin-bottom: 40px;}
    .form-outer label{font-size: 18px;line-height: 28px;}
    .form-outer .form-control{font-size: 16px;line-height: 26px;}
    .form-outer{max-width: 320px;}
    .content-block.top-block{padding-bottom: 60px;}
    .contact-block{padding-top: 30px;}
    .content-block.top-block:after{border-top: 100px solid #ffffff;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body{font-size: 16px;line-height: 24px;}
    p{font-size: 16px;line-height: 24px;padding: 0 0 20px;}
    h1 {font-size: 34px;line-height: 52px}
    h2 {font-size: 26px;line-height: 32px;}
    h3 {font-size: 22px;}
    .header-inner {padding: 10px 40px 5px;}
    .logo-outer {width: 170px;}
    .trigger-block {left: 40px;top: 19px;}
    .navigation-inner > ul {padding: 32px 0 0;}
    .navigation-inner > ul > li {margin: 0 12px 0;}
    .navigation-inner ul li a {line-height: 36px;font-size: 18px;padding: 0 12px}
    .navigation-inner ul li ul {top: 7px;}
    .navigation-inner ul li li {margin: 0 0 5px;}
    .navigation-inner ul li li a{line-height: 30px;}
    
    .banner-single {min-height: 520px;}
    .banner-content {margin: 0 auto;}
    .banner-content span {font-size: 22px;line-height: 46px;}
    .location-block {margin: -140px 0 0;}
    .loc-inner {padding: 15px 15px 45px;}
    .order-btn {width: 100%;font-size: 19px;padding: 0 10px;}
    .btn-default.menu-btn {font-size: 11px;background-size: 21px 20px;padding: 0 10px;min-width: 240px;background-position: 10px center;}
    .btn-default.menu-btn:hover {background-size: 21px 20px;background-position: 10px center;}
    .flag-btn i {font-size: 20px;margin-right: 5px;}
    .flag-btn{font-size: 17px;height: 47px;line-height: 47px;padding: 0 15px;}
    .location-box span {background-size: 17px 26px;padding-left: 28px;}
    .location-box a.phone {font-size: 28px;margin: 0 0 25px;background-size: 22px 22px;padding-left: 35px;letter-spacing: 0;}
    .main-content {padding: 20px 0 10px;}
    .grey-box {padding: 15px;}
    .image-wrap {margin: -40px 0 30px;height: 170px;}
    .block-single {width: 47%;}
    .main-content h2 {padding: 0 0 20px;}
    .loc-inner:before {border-width: 25px 132px;}
    .location-block .col-sm-10 .row{padding: 0;}
    
    .banner-container.inner .banner-single{min-height: 320px;}
    .contact-block h2{padding-bottom: 3px;}
    .contact-block .main-content{padding-bottom: 20px;}
    .form-outer .form-group{margin-bottom: 30px;}
    .form-outer label{font-size: 16px;line-height: 24px;}
    .form-outer .form-control{font-size: 15px;line-height: 22px;height: 45px;}
    .form-outer textarea{min-height: 120px;}
    .form-outer{max-width: 280px;}
    .content-block.top-block{padding-bottom: 40px;}
    .contact-block{padding-top: 20px;}
    .content-block.top-block:after{border-top: 100px solid #ffffff;}
    
    .footer-container {padding: 45px 0 0 0;}    
    .footer-icons {padding: 15px 0;}
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {   
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto { width: 100%; max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; }
}

@media only screen and (max-width: 767px) {
    body{font-size: 16px;line-height: 24px;}
    p{font-size: 16px;line-height: 24px;padding: 0 0 20px;}
    h1 {font-size: 32px;line-height: 50px}
    h2{font-size: 26px;line-height: 30px;}
    h3 {font-size: 20px;line-height: 28px;}
    .header-container {-webkit-clip-path: polygon(100% 0, 100% 55%, 50% 100%, 0 55%, 0 0);clip-path: polygon(100% 0, 100% 55%, 50% 100%, 0 55%, 0 0);}
    .header-container.open {-webkit-clip-path: polygon(100% 0, 100% 87%, 50% 100%, 0 87%, 0 0);clip-path: polygon(100% 0, 100% 87%, 50% 100%, 0 87%, 0 0);}
    .header-inner {padding: 10px 10px 5px;}
    .logo-outer {width: 90px;}
    .trigger-block {left: 0;top: 3px;}
    .navigation-inner{padding: 0 0 15px;}
    .navigation-inner > ul {padding: 20px 0 0;}
    .navigation-inner > ul > li {width: 100%;margin: 0;}
    .navigation-inner ul li a {line-height: 32px;font-size: 16px;padding: 0 12px;display: block;}
    .navigation-inner ul li ul {top: 0;left: 15px;}
    .navigation-inner ul li li {margin: 0 0 5px;}
    .navigation-inner ul li li a{line-height: 26px;}
    .hamburg-icon {width: 60px;}
    .hamburg-icon span{width: 20px;height: 4px;}
    .hamburg-icon span:nth-child(1) {top: 8px;}
    .hamburg-icon span.menu-text {font-size: 10px;}
    .hamburg-icon span:nth-child(2), .hamburg-icon span:nth-child(3) {width: 15px;top: 16px;}
    .hamburg-icon span:nth-child(4) {top: 24px;}
    
    .banner-single {min-height: 370px;}
    .banner-content {margin: -20px auto 0;}
    .banner-content span {font-size: 22px;line-height: 46px;}
    .location-block {background: #f5f5f5;text-align: center;margin: -75px 0 0;}
    .loc-inner {padding: 15px 15px 25px;}
    .order-btn {font-size: 22px;padding: 0 20px;}
    .btn-default.menu-btn {font-size: 11px;background-size: 21px 20px;padding: 0 10px;min-width: 240px;background-position: 10px center;height: 52px;line-height: 52px;}
    .btn-default.menu-btn:hover {background-size: 21px 20px;background-position: 10px center;}
    .flag-btn i {font-size: 20px;margin-right: 5px;}
    .flag-btn{font-size: 17px;height: 47px;line-height: 47px;padding: 0 15px;}
    .location-box{float: none !important;display: inline-block;margin: 0 auto 35px;max-width: 370px;}
    .location-box span {background-size: 17px 26px;padding-left: 28px;}
    .location-box a.phone {font-size: 28px;margin: 0 0 25px;background-size: 22px 22px;padding-left: 35px;letter-spacing: 0;}
    .image-wrap {margin: -40px 0 40px;height: 140px;}
    .image-wrap .btn-default {font-size: 22px;}
    .main-content {padding: 10px 0 10px;}
    .block-single ul li {font-size: 13px;}
    .timing-block{padding: 10px 0 0;}
    .grey-box {width: 98%;float: none;padding: 15px;display: inline-block;}
    .block-single {width: 47%;}
    .main-content h2 {padding: 0 0 20px;}
    .loc-inner:before {border-width: 25px 175px;}
    .location-block .col-sm-10 .row{padding: 0;}
    
    .banner-container.inner .banner-single{min-height: 200px;-webkit-clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);}
    .contact-block h2{padding-bottom: 3px;}
    .contact-block .main-content{padding-bottom: 20px;}
    .form-outer .form-group{margin-bottom: 30px;}
    .form-outer label{font-size: 16px;line-height: 24px;}
    .form-outer .form-control{font-size: 15px;line-height: 22px;height: 45px;}
    .form-outer textarea{min-height: 120px;}
    .content-block.top-block{padding-bottom: 30px;}
    .contact-block{padding-top: 20px;}
    .content-block.top-block:after{border-top: 60px solid #ffffff;}
    
    .footer-container {padding: 20px 0 0 0;}    
    .footer-icons {padding: 15px 0;}
    .footer-container:after {top: -1px;-webkit-clip-path: polygon(100% 0, 0 0, 50% 24%);clip-path: polygon(100% 0, 0 0, 50% 24%);}
}

@media only screen and (max-width: 479px) {
    h2 {font-size: 22px;line-height: 26px;}
    .banner-content h1 {font-size: 30px;line-height: 34px;padding: 19px 15px 10px;}
    .banner-content span {font-size: 15px;line-height: 34px;padding: 5px 20px 7px;}
    .flag-btn{font-size: 15px;top: -5px;left: -10px;}
    .order-btn {font-size: 20px;width: 100%;padding: 0 10px;}
    .block-single{width: 100%;}
    .block-single:last-child{padding: 15px 0 0;}
    .image-wrap .btn-default {font-size: 18px;}
    .loc-inner:before {border-width: 25px 140px;}
    .loc-inner {padding: 25px 15px 25px;}
    .flag-btn {top: -25px;}
}