@media only screen and (min-width:1200px) and (max-width:2400px) {
    
.container { width: 1200px; }

}
@media only screen and (max-width:1199px) {
    
h1 { font-size: 45px; line-height: 60px; }

/********** HEADER AND BANNER **********/

.header-left-part { max-width: 535px; }
.header-right-part { max-width: 435px; padding: 120px 30px 30px; background-color: rgba(7, 86, 158, 0.9); }
.header-left-part .banner-text-part { margin: 185px 0 50px; }
.header-left-part .banner-text-part h1 { margin-bottom: 15px; }
.header-left-part .banner-text-part p strong { font-size: 75px; }
.header-left-part .banner-text-part span { font-size: 28px; line-height: 32px; min-height: 75px; max-width: 285px; }
.header-right-part::after { display: none; }
.header-left-part .phone-no::before { display: none; }
.header-left-part .phone-no { right: -435px; }
.header-right-part .form-part ul li .form-input { height: 40px; font-size: 15px; }
.niceselect p { line-height: 40px; height: 40px; }
.niceselect .value-wrapper { top: 38px; }
.header-left-part .belte { font-size: 24px; min-width: 280px; }
.header-left-part .belte::before { border-bottom: 52px solid #fde428; }
.header-left-part .belte::after { height: 52px; }
.header-right-part .form-title-part span { font-size: 30px; }
.form-button { font-size: 25px; line-height: 50px; }
.right-arrow { right: 10px; top: 130px; }
.right-arrow > img { width: 180px; }

/********** calculator-PART **********/

.calculator-part-inner a.small-button { font-size: 24px; line-height: 50px; min-height: 50px; min-width: 280px; }
.calculator-part-inner p { font-size: 27px; max-width: 660px; }

/********** SERVICES-SECTION **********/

.services-section .top-part { padding: 43px 0; }
.services-section .top-part .section-title h2 { font-size: 22px; line-height: 28px; padding: 0 30px 0 30px; }
.about-service { max-width: 305px; padding: 25px 10px 35px 45px; }

/********** PORTFOLIO-SECTION **********/

.portfolio-box .portfolio-text { padding: 15px 20px; height: 60px; }
.box-title { font-size: 18px; padding-left: 50px; }
.box-title > i { font-size: 28px; margin-bottom: 10px; }
.portfolio-text p { line-height: 20px; }

/********** TESTIMONIALS-SECTION **********/

.testimonials-section { padding-bottom: 25px; padding-top: 20px; }
.testimonial-box { padding: 10px 45px 25px; }
.testimonial-box .author-details { margin-top: 15px; }
.testimonial-box .author-details > strong { font-size: 20px; }
.testimonial-box p { margin: 5px 0 0; }

/********** TAB-SECTION **********/

.tab-section { padding-top: 20px; }
.tab-inner-main { padding: 10px 15px 0; }
.z-tabs > .z-container > .z-content > .z-content-inner { padding: 25px 10px 50px; }
.tab-inner p { line-height: 23px; }
.tab-inner ul li { padding: 0 5px 0 22px; }
.tab-inner ul { margin: 15px 0 0; }
.z-tabs.horizontal.z-shadows > ul > li > a { line-height: normal; font-size: 14px; }

/********** CONTACT-US-SECTION **********/

.contact-us-section { padding: 15px 20px; }
.section-text-part { font-size: 21px; padding: 9px 0; }
.section-button-part a.small-button { font-size: 16px; line-height: 40px; min-height: 40px; min-width: 180px; }
}
@media only screen and (max-width:991px) {

/********** HEADER AND BANNER **********/

.header-left-part { max-width: 100%; }
.header-left-part .phone-no { right: 0; }
.right-arrow { display: none; }
.header-left-part .banner-text-part { margin: 145px 0 0px; text-align: center; padding: 0; }
.header-left-part .banner-text-part p { margin: 0; width: 100%; float: left; }
.header-left-part .banner-text-part span { max-width: 100%; min-height: 100%; padding: 0; }
.header-left-part .belte { float: none; font-size: 24px; margin: 23px auto 0; min-width: inherit; width: 434px; padding: 10px 35px 10px; }
.header-left-part .belte::before { display: none; }
.header-left-part .belte::after { display: none; }
.header-right-part { margin: 0 auto; float: none; padding: 30px; }

/********** calculator-PART **********/

.calculator-part-inner { text-align: center; padding: 15px 0 20px; }
.button-part { margin: 0 auto; width: 280px; }
.calculator-part-inner p { max-width: 100%; padding: 0 0 15px; }

/********** SERVICES-SECTION **********/

.services-section .top-part { padding: 30px 0 20px; }
.services-section .top-part .section-title h2 { padding: 0; float: left; margin: 0 0 15px; }
.title-right-part { padding: 0 30px; }
.title-right-part > p::before { left: -30px; }
.about-service { margin: 95px 0 15px; max-width: 100%; padding: 95px 15px 20px; text-align: center; }
.service-box-title::after { right: 0; margin: 0 auto; }
.service-image { left: 0; margin: 0 auto; padding: 9px; position: absolute; right: 0; top: -80px; }

/********** PORTFOLIO-SECTION **********/

.portfolio-section { margin-bottom: 40px; }
.portfolio-box .portfolio-text { padding: 20px 40px; }

/********** TAB-SECTION **********/

.tab-section { padding-top: 30px; }


/********** CONTACT-US-SECTION **********/

.section-text-part { text-align: center; }
.section-button-part { width: 180px; float: none; margin: 0 auto; }
.section-button-part a.small-button { float: left; }

}
@media only screen and (max-width:767px) {
    
h1 { font-size: 40px; line-height: 53px; }

/********** HEADER AND BANNER **********/

.header-inner { padding: 0 15px; }
.header-left-part .logo { left: 0; }
.header-left-part .phone-no { font-size: 18px; line-height: normal; }
.header-left-part .banner-text-part { margin: 135px 0 0; }
.header-left-part .phone-no::after { border-bottom: 52px solid #081829; }

/********** calculator-PART **********/

.calculator-part-inner p { font-size: 25px; }
.calculator-part-inner a.small-button { font-size: 20px; line-height: 45px; min-height: 45px; min-width: 245px; }
.button-part { width: 245px; }

/********** PORTFOLIO-SECTION **********/

.portfolio-text p { text-align: left; }

}
@media only screen and (max-width:640px) {
    
h1 { font-size: 35px; line-height: 46px; }

/********** HEADER AND BANNER **********/

.header-left-part .logo { position: relative; top: 0; margin: 15px 0; text-align: center; width: 100%; }
.header-left-part .phone-no::after { display: none; }
.header-left-part .phone-no { width: 100%; float: left; text-align: center; position: relative; top: 0; margin: 10px 0; }
.header-left-part .banner-text-part { margin: 30px 0 0; }
.header-left-part .banner-text-part p strong { font-size: 55px; }
.header-left-part .banner-text-part span { font-size: 25px; }
.header-right-part .form-title-part span { font-size: 25px; }
.header-right-part { padding: 20px; }

/********** calculator-PART **********/

.calculator-part-inner p { font-size: 22px; }

/********** FOOTER **********/

a.back-to-top { bottom: 95px; }

}
@media only screen and (max-width:480px) {
    
h1 { font-size: 26px; line-height: 35px; }
h2 { font-size: 24px; }

/********** HEADER AND BANNER **********/

.header-left-part .banner-text-part p strong { font-size: 45px; }
.header-left-part .banner-text-part span { font-size: 20px; line-height: 24px; }
.header-left-part .belte { width: 100%; font-size: 20px; }
.header-right-part { max-width: 100%; padding: 20px 10px; }
.header-right-part .form-title-part span { font-size: 21px; }
.header-right-part .form-part ul li.w6 { width: 100%; }
.form-button { font-size: 22px; }

/******************** PAGE-CONTENT ********************/

.page-content-main-inner { padding: 0; }

/********** SERVICES-SECTION **********/

.services-section .top-part .section-title h2 { font-size: 20px; line-height: 26px; text-align: left; }
.title-right-part { padding: 0 0 0 30px; }
.title-right-part > p { font-size: 15px; line-height: 21px; }

/********** PORTFOLIO-SECTION **********/

.portfolio-box .portfolio-text { padding: 20px; }

/********** TESTIMONIALS-SECTION **********/

.testimonial-box { padding: 5px 20px 25px; }
.testimonial-box p { margin: 15px 0 0; }

/********** TAB-SECTION **********/

.z-tabs.silver > ul > li > a { background-image: none; background-color: #f2f0f0; color: #212832; text-shadow: none; text-transform: uppercase; }
.z-tabs.silver > ul > li > a:hover { background-image: none; background-color: #002e5b; color: #FFF; text-shadow: none; }
.z-tabs.silver > ul > li > a:hover span.z-arrow { background-position: -1470px -61px; }
.z-tabs.mobile > ul.z-tabs-nav { border-width: 0; }
.z-tab { display: table-cell !important; float: left !important; width: 100% !important; }
.z-tabs.silver > ul > li.z-active > a::before { display: none; }
.z-tabs.silver > ul > li.z-active > a { text-shadow: none; }
.z-tabs.medium > ul > li > a { font-size: 14px; letter-spacing: 0.8px; }
.tab-inner ul li { width: 100%; }
.z-tabs > .z-container > .z-content > .z-content-inner { padding: 20px 10px; }

/********** CONTACT-US-SECTION **********/

.section-text-part { font-size: 18px; }

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