/*

Theme Name: keswickisland

Text Domain: twentytwenty

Version: 1.2

Requires at least: 4.7

Requires PHP: 5.2.4

Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.

Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready

Author: the WordPress team

Author URI: https://wordpress.org/

Theme URI: https://wordpress.org/themes/twentytwenty/

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html



All files, unless otherwise stated, are released under the GNU General Public

License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned

with others.

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------



	0. 	CSS Reset

	1. 	Document Setup

	2. 	Element Base

	3. 	Helper Classes

	4. 	Site Header

	5. 	Menu Modal

	6. 	Search Modal

	7. 	Page Templates

		a. 	Template: Cover Template

		c. 	Template: Full Width

	8.  Post: Archive

	9.  Post: Single

	10. Blocks

	11. Entry Content

	12. Comments

	13. Site Pagination

	14. Error 404

	15. Widgets

	16. Site Footer

	17. Media Queries



----------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------- */



/*	0. CSS Reset

/* -------------------------------------------------------------------------- */





html,body {
	border: none;
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
input,
option,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-size: 18px;
    line-height: 1.3;
    color: #3c3c3c;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}
a:hover,a:focus{
    color: #113134;
}
p {
    font-size: 18px;
    line-height: 1.3;
    color: #3c3c3c;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #fff;
}

h1 {
    font-size: 48px;
}
h2{
    font-size: 45px;
    line-height: 52px;
    text-transform: none;
}
h3 {
    font-size: 30px;
    line-height: 42px;
}
h4 {
    font-size: 24px;
    line-height: 26px;
}
h5 {
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
}
h6{
    font-size: 18px;
}
figure {
    margin: 0;
}
.clearfix {
    clear: both;
}

.clearfix::after {
    clear: both;
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}
:-moz-placeholder {
    color: #ffffff;
}

::-webkit-input-placeholder {
    color: #ffffff;
}

::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #ffffff;
}

.wrapper {
    overflow: hidden;
}
.container{
    max-width: 1635px;
    margin: 0 auto;
    padding: 0 15px;
}
.row {
    margin: 0 auto;
}
a {
    text-decoration: none;
    font-style: normal;
    margin: 0;
    color: #000;
    padding: 0;
    font-size: 21px;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    display: inline-block;
}


@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/avenir/Avenir-Medium.eot');
    src: url('./assets/fonts/avenir/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/avenir/Avenir-Medium.woff2') format('woff2'),
        url('./assets/fonts/avenir/Avenir-Medium.woff') format('woff'),
        url('./assets/fonts/avenir/Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('./assets/fonts/avenir/AvenirLTStd-Black.eot');
    src: url('./assets/fonts/avenir/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/avenir/AvenirLTStd-Black.woff2') format('woff2'),
        url('./assets/fonts/avenir/AvenirLTStd-Black.woff') format('woff'),
        url('./assets/fonts/avenir/AvenirLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
	font-family: "Inter var";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: normal;
	font-display: swap;
	src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2");
}
@font-face {
    font-family: 'Futura';
    src: url('./assets/fonts/avenir/Futura-BookOblique.eot');
    src: url('./assets/fonts/avenir/Futura-BookOblique.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/avenir/Futura-BookOblique.woff2') format('woff2'),
        url('./assets/fonts/avenir/Futura-BookOblique.woff') format('woff'),
        url('./assets/fonts/avenir/Futura-BookOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


/*/ comon css for all col class /*/
.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*/ css for grid /*/
.column-1{width: 8.33%;}
.column-2{width: 16.66%;}
.column-3{width: 25%;}
.column-4{width: 33.33%;}
.column-5{width: 41.67%;}
.column-6{width: 50%;}
.column-7{width: 58.33%;}
.column-8{width: 66.67%;}
.column-9{width: 75%;}
.column-10{width: 83.33%;}
.column-11{width: 91.67%;}
.column-12{width: 100%;}
/*main css*/

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/*banner css start here*/
.wrap-main {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 -550px;
}
.banner_sec {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.banner_sec .container{
    height: 100%;
}
.top-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;  
}
/*header css start here*/

header {
    width: 100%;
}
.header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 105px;
}
.logo {
    width: 755px;
    height: auto;
    display: inline-block;
}
.logo img {
    width: 100%;
    display: block;
}
.comman-btn.message-box {
    width: auto;
    color: #1C2E42;
    margin-right: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}
/*header css end here*/

/*banner css start here*/
.banner-desc {
    -ms-flex-wrap: wrap;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 110px;
}
.banner-desc h2{
    width: 60%;
    display: -ms-flexbox;
    color: #1C2E42;
    letter-spacing: -1px;
    text-align: right;
    margin-right: 26px;
    font-size: 48px;
    line-height: 55px;
}
.down-arrow {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce-1;
    animation-name: bounce-1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;

}
.down-arrow a {
    display: inline-block;
    width: 34px;
    height: 84px;
    position: relative;
}
.down-arrow a img {
    width: 100%;
    height: auto;
    display: block;
}
.down-arrow a:hover::before{
    content: '';
    position: absolute;
    height: auto;
    display: block;
    width: 34px;
    height: 80px;
    background-image: url(./assets/images/arrow-1.png);
    background-repeat: no-repeat;
}

@-webkit-keyframes bounce-1 {
    0%   { -webkit-transform: translateY(0); transform: translateY(0); }
    50%  { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes bounce-1 {
    0%   { -webkit-transform: translateY(0); transform: translateY(0); }
    50%  { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

/*banner css end here*/

/* pop main block start here */
.popup-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0 0 45px 0;
    background: -o-linear-gradient(bottom, rgb(28, 46, 66), rgba(28, 46, 66, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(28, 46, 66)), to(rgba(28, 46, 66, 0)));
    background: linear-gradient(to top, rgb(28, 46, 66), rgba(28, 46, 66, 0));
}

/* Gulfstream css start here */
.hire-gulfstream {
    margin-bottom: 60px;
}
.hire-gulfstream h2{
    color: #1C2E42;
    margin-bottom: 26px;
    letter-spacing: -2.35px;
}
.hire-gulfstream h5, .hire-gulfstream p, .hire-gulfstream ul li{
    color: #fff;
    margin-bottom: 25px;
    max-width: 405px;
    letter-spacing: -0.5px;
    font-size: 18px;
    line-height: 24px;
}
.hire-gulfstream ul li{
    margin-bottom: 20px;
    max-width: 340px;    
    display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
}
.hire-gulfstream ul li strong{
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 50%;
}
.more-info{
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-style: normal;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    margin-left: 0;
    letter-spacing: -0.6px;
    margin-bottom: 40px;
}
.more-info .sendToPdfFiller {
    display: none !important;
}
.sendToPdfFiller {
    opacity: 0 !important;
}
.comman-btn{
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-style: normal;
    font-size: 30px;
    line-height: 45px;
    border-style: solid;
    border-width: 2px;
    border-color: #94C7E4;
    padding: 18px 77px 16px 78px;
    letter-spacing: -0.2px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.comman-btn:hover,.comman-btn:focus,.gulfstream-desc .comman-btn:hover,.gulfstream-desc .comman-btn:focus,
.comman-btn.submit:hover, .comman-btn.submit:focus {
    background: #fff;
    color: #94C7E4;
    border-color: #ffffff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.gulfstream-desc .comman-btn {
    color: #fff;
    padding: 18px 66px 16px 66px;
    letter-spacing: -0.5px;
    max-width: 380px;
    text-align: center;
    width: 100%;
}
.more-info .comman-btn {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
/* Gulfstream css end here */

/* pop css start here */
.gulfstream-desc{
    width: 39.6%;
    padding: 3px 135px 0 0;
    max-width: 100%;
    margin-left: auto;
    max-width: 600px;
}
.popup-block{
    width: 60.4%;
    margin: 0;
}
.popup-img, .popup-img a, .popup-img img{
    width: 100%;
    height: auto;
    display: block;
    line-height: inherit;
}
.popup-img .image-link{
    cursor: unset;
}

.popup-img img {
    border: 2px solid #fff;
    border-left: 2.8px solid #fff;
    border-bottom: 2.5px solid #fff;
    border-right: 0;
}
.mfp-preloader {
    width: 30px;
    height: 30px;
    opacity: 1;
    margin: 0 auto;
}

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/* pop css ene here */
/* pop main block end here */

/*about product css start here*/
.about-product {    
    padding: 140px 0 82px 0;
    background: -o-linear-gradient(bottom, rgb(28, 46, 66), rgb(28, 46, 66));
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(28, 46, 66)), to(rgb(28, 46, 66)));
    background: linear-gradient(to top, rgb(28, 46, 66), rgb(28, 46, 66));
    border: 0;
}
.about-product .column-4 {
    border: 2px solid #94C7E4;
    text-align: center;
    margin: 0 146px 0 5px;
    width: 27.05%;
    padding: 30px 30px 24px 30px;
}
.about-product h3{
    color: #94C7E4;
    letter-spacing: normal;
    font-size: 30px;
    line-height: 52px;
    letter-spacing: -1.3px;
    text-transform: none;
    margin-bottom: 10px;
}
.about-product p{
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;    
    color: #fff;
    text-transform: none;
}
.about-product .column-4 img {
    width: 100%;
    height: auto;
    display: block;
}
.about-product .column-4:nth-last-child(3n+1){
    margin: 0;
}
.product-desc {
    margin: 25px 0 5px 0;
}
.about-product .row {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}
/*about product css end here*/

/*contact details css start here*/
.contact-section{
    background-color: #1c2e42;
    padding: 90px 0 104px 0;
}
.contact-form-12 {
    width: 1110px;
    margin: 0 auto;
}
.contact-details{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 50px 0;
    padding: 0;
}
.contact-details h2 {
    letter-spacing: -1px;
}
.enquire{
    text-align: right;
}
.enquire h4{
    color: #fff;
    font-size: 22px;
    line-height: 20px;
    margin: 7px 0 8px 0;
    text-transform: capitalize;
}
.enquire a{   
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-style: normal;
    font-size: 64px;
    line-height: 76px;
    color: #94C7E4;
    text-transform: none;
    letter-spacing: normal;
    margin: 0 0 18px 0;
    letter-spacing: -3px;
}
.enquire a:hover {
    color: #fff;
}
.form-wrap label {
    display: none;
}
.form-wrap input {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    height: auto;
    background: transparent;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 15px;
    padding: 10px 0 5px 0;
    color: #fff;
    line-height: 18px;
    text-transform: none;
    letter-spacing: normal;
    outline: none;
    border-radius: 0;
}
.form-wrap input:focus, .textarea:focus {
    border-color: 
    #39ABBA;
}
.textarea {
    height: auto;
    width: 100%;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    background: transparent;
    border-bottom: 1px solid #fff;
    padding: 88px 0 0px 0;
    resize: none;
    line-height: 13px;
    text-transform: none;
    letter-spacing: normal;
    color: #fff;
    overflow: auto;
    border-radius: 0;
}
.form-wrap.checkbox-detail {
    text-align: right;
    color: #fff;
}
.form-wrap.checkbox-detail input {
    width: auto;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #fff;
}
.form-wrap.checkbox-detail label {
    display: inline-block;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
}
.form-wrap.textarea-main {
    margin-bottom: 32px;
}
.enquire-form-wrap {
    display: inline-block;
    width: 100%;
    padding: 0 0 0 5px;
}
.form-wrap {
    margin-bottom: 50px;
}
.form-wrap:last-child {
    margin-bottom: 33px;
}
.form-wrap.submit-checkbox{
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.contact-form .submit {
    color: #fff;
    background: transparent;
    border-color: #94C7E4;
    text-transform: none;
    margin-top: 3px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-style: normal;
    padding: 15px 115px;
    letter-spacing: -0.3px;
    cursor: pointer;
}
.submit:hover, .submit:focus {
    color: #fff;
    background: transparent;
    border-color: #fff;
}
form#enqform input[type="checkbox"] {
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: auto;
    top: 1px;
}
.required-txt {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: italic;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    margin: 17px 0 0 0;
    letter-spacing: -0.7px;
}
/*form css end here*/
/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/*contact details css end here*/

a.skip-link.screen-reader-text{
    display: none;
}
header#site-header{
    display: none;
}
/*.gradiant{
background: linear-gradient(to top, rgba(28, 46, 66, 1), rgb(28, 46, 66));
}*/

.login h1 a {
    background-size: 200px;
    display: block;
    width: 100%;
}
.popup-img a {
    position: relative;
}

.popup-img a:before{
    content: '';
    position: absolute;
    background-image: url(./assets/images/zoom.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    right: 42px;
    bottom: 42px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;    
    display: none;
}
.popup-img a:hover::before{
    background-image: url(./assets/images/zoom-hover.png);
}
.mfp-wrap .mfp-container figcaption {
    display: none !important;
}
.banner-desc .mobile-title{
    display: none;
}
/* Responcive css start here */

@media (max-width: 1700px){
    .wrap-main {
        background-position: 0 -350px;
    }
    h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .logo {
        width: 500px;
        margin-left: 26px;
    }
    .comman-btn {
        font-size: 25px;
        line-height: 40px;
    }
    .popup-block {
        width: 62%;
    }
    .gulfstream-desc {
        padding: 3px 50px 0 50px;
        width: 38%;
    }
    .hire-gulfstream h5, .hire-gulfstream p, .hire-gulfstream ul li {
        color: #fff;
        margin-bottom: 22px;
        max-width: 77%;
        font-size: 17px;
        line-height: 23px;
    }
    .hire-gulfstream ul li {
        margin-bottom: 16px;
    }
    .hire-gulfstream {
        margin-bottom: 44px;
    }
    .more-info {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .about-product {
        padding: 80px 0 82px 0;
    }
    .product-desc {
        margin: 20px 0 5px 0;
    }
    .about-product .container {
        padding: 0 50px;
    }
    .about-product .row {
        -ms-flex-pack: distribute;
        -webkit-box-pack: justify;
                justify-content: space-between;
    }
    .about-product .column-4{
        /*margin: 0;
        width: 29%;
        padding: 30px;*/
        width: 27%;
        padding: 30px;
        margin-right: 115px;
        margin-left: 0;
    }
    .about-product h3 {
        font-size: 28px;
        line-height: 50px;
    }
    .about-product p {
        font-size: 16px;
        line-height: 30px;
    }
    .enquire a {
        font-size: 56px;
        line-height: 70px;
    }
    .contact-form .submit{
        font-size: 25px;
        line-height: 40px;
    }
    .down-arrow a{
        width: 26px;
        height: auto;
    }
     .down-arrow a:hover::before{
        background-size: 100%;
        width: 26px;
        height: 61.18px;
    }    
    .banner-desc h2 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media (max-width: 1400px){
    .wrap-main {
        background-position: 0 -274px;
    }
    .about-product .container{
        padding: 0 30px;
    }
    .container {
        padding: 0 30px;
    }
    .logo {
        margin-left: 0;
    }
    .banner-desc h2,.comman-btn.message-box {
        margin-right: 0;
    }
    .about-product .row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .about-product .column-4 {
        width: 26%;
    }
    .banner-desc h2 {
        width: 70%;
        font-size: 40px;
        line-height: 50px;
    }
    .gulfstream-desc {
        padding: 3px 30px 0 30px;
    }
    h2 {
        font-size: 36px;
        line-height: 44px;
    }
    .enquire h4 {
        font-size: 18px;
        line-height: 20px;
        margin: 4px 0 6px 0;
    }
    .enquire a {
        font-size: 52px;
        line-height: 68px;
    }
    .contact-form-12 {
        width: 950px;
    }
    .product-desc {
        margin: 15px 0 5px 0;
    }
    .about-product h3 {
        margin-bottom: 5px;
    }
    .gulfstream-desc .comman-btn {
        padding: 18px 10px 16px 10px;
        max-width: 345px;
    }
}

@media (max-width: 1200px){    
    .wrap-main {
       background-size: 163%;
        background-position: 0 -350px;
    }
    h2 {
        font-size: 30px;
        line-height: 42px;
        letter-spacing: -1px;
    }
    .logo {
        width: 350px;
        margin-left: 0;
    }
    .comman-btn {
        font-size: 23px;
        line-height: 38px;
        padding: 14px 62px 14px 62px;
        letter-spacing: 0;
    }
    .banner-desc h2 {
        font-size: 38px;
        line-height: 42px;
    }
    .hire-gulfstream h2 {
        margin-bottom: 18px;
        letter-spacing: -1px;
    }
    .hire-gulfstream h5, .hire-gulfstream p, .hire-gulfstream ul li {
        margin-bottom: 18px;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0;
    }
    .hire-gulfstream ul li {
        margin-bottom: 12px;
    }
    .hire-gulfstream {
        margin-bottom: 30px;
    }
    .more-info {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 28px;
    }
    .gulfstream-desc .comman-btn {
        padding: 14px 42px 14px 42px;
        letter-spacing: 0;
    }
    .about-product .column-4 {
        margin: 0;
        width: 27%;
        padding: 25px;
    }
    .about-product h3 {
        font-size: 23px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 5px;
    }
    .about-product p {
        font-size: 15px;
        line-height: 28px;
        letter-spacing: 0.2px;
    }
    .enquire h4 {
        font-size: 15px;
        line-height: 18px;
        margin: 4px 0 4px 0;
    }
    .enquire a {
        font-size: 44px;
        line-height: 54px;
        letter-spacing: -1px;
    }
    .contact-form .submit {
        font-size: 22px;
        line-height: 34px;
    }
    .contact-form .submit {
        padding: 14px 75px;
        letter-spacing: 0;
    }
    .product-desc {
        margin: 15px 0 5px 0;
    }

    .header-container {
        margin-top: 50px;
    }
}

@media (max-width: 1023px){
    .wrap-main {
        background-size: 135%;
    }
    .wrap-main {
        background-position: 0 -245px;
    }
}


@media (max-width: 991px){ 
    .wrap-main {
        background-size: 195%;
        background-position: 0 -230px;
    }
    h2 {
        font-size: 25px;
        line-height: 38px;
    }
    .logo {
        width: 300px;
    }
    .comman-btn {
        font-size: 22px;
        line-height: 34px;
        padding: 12px 50px 10px 50px;
    }
    .banner-desc h2 {
        width: 100%;
        font-size: 34px;
        line-height: 42px;
        letter-spacing: -0.5px;
    }
    .gulfstream-desc {
        width: 50%;
    }
    .hire-gulfstream h2 {
        letter-spacing: -0.5px;
        margin-bottom: 12px;
    }
    .hire-gulfstream h5, .hire-gulfstream p, .hire-gulfstream ul li {
        margin-bottom: 15px;
        font-size: 14px;
        max-width: 90%;
    }
    .hire-gulfstream ul{
        width: 100%;
        max-width: 312px;
    }
    .hire-gulfstream ul li {
        margin-bottom: 8px;
    }
    .hire-gulfstream {
        margin-bottom: 25px;
    }
    .more-info {
        margin-left: 0;
        letter-spacing: 0;
    }
    .popup-block {
        width: 50%;
    }
    .gulfstream-desc .comman-btn {
        padding: 12px 42px 12px 42px;
    }
    .about-product {
        padding: 40px 0;
    }
    .about-product .column-4 {
        width: 30%;
        padding: 15px 15px 10px 15px;
    }
    .about-product h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .about-product p {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }
    .contact-details h2 {
        letter-spacing: -0.5px;
    }
    .contact-section {
        padding: 50px 0;
    }
    .enquire h4 {
        font-size: 13px;
    }
    .enquire a {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: -0.5px;
    }
    .contact-details {
        margin: 0 0 30px 0;
    }
    .form-wrap.textarea-main {
        margin-bottom: 25px;
    }
    .product-desc {
        margin: 16px 0 5px 0;
    }
    .about-product h3 {
        margin-bottom: 10px;
    }
    .down-arrow a{
        width: 18px;
        height: auto;
    }
     .down-arrow a:hover::before{
        width: 18px;
        height: 42.35px;
    }
    .gulfstream-desc .comman-btn {
        max-width: 280px;
    }
    .form-wrap input {
        font-size: 13px;
        line-height: 18px;
    }
    .textarea {
        font-size: 13px;
    }
}

@media (max-width: 767px){ 
    .wrap-main {
        background-size: 260%;
    }
    .container,.about-product .container {
        padding: 0 15px;
    }
    h2{
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
    }
    .banner-desc h2{
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0px;
        max-width: 336px;
    }
    .top-sec {
        margin: 35px 0 20px 0;
    }
    .hire-gulfstream h2 {
        margin-top: 12px;
    }
    header {
        margin-bottom: 80px;
    }
    .banner-desc {
        margin-bottom: 80px;
        height: auto;
    }
    .down-arrow {
        margin-bottom: 20px;
    }
    .banner_sec {
        height: 100%;
    }
    .banner_sec .container {
        height: auto;
    }
    .logo {
        width: 230px;
    }
    .more-info {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 18px;
    }
    .popup-img a:before {
        right: 25px;
        bottom: 25px;
    }
    .popup-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
    .gulfstream-desc {
        padding: 0 15px;
        margin: 0 auto;
        text-align: left;
        max-width: 100%;
        width: 100%;
    }
    .popup-block {
        width: 100%;
        padding: 0 15px;
        margin: 50px 0;
    }
    .popup-img img {
        border-right: 2.8px solid #fff;
    }
    .comman-btn.message-box{
        min-width: 130px;
    }
    .comman-btn.message-box {
        -ms-flex-item-align: center;
        align-self: center;
    }
    .comman-btn,.gulfstream-desc .comman-btn,.contact-form .submit{
        min-width: 200px;
        text-align: center;
        padding: 10px 18px;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
    }
    .gulfstream-desc .comman-btn {
        padding: 12px 35px 12px 35px;
        max-width: 220px;
    }
    .about-product {
        padding: 20px 0 0 0;
    }
    .about-product .row {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 0;
    }
    .about-product .column-4 {
        margin: 0 20px 20px 0;
        width: 47%;
    }
    .about-product .column-4:nth-last-child(even) {
        margin-right: 0;
    }
    .about-product .column-4:nth-last-child(3n+1) {
        margin-right: 0;
    }
    .contact-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 10px 0;
    }
    .contact-details h2 {
        width: 100%;
        letter-spacing: 0;
    }
    .contact-details h2 br {
        display: none;
    }
    .enquire {
        text-align: left;
    }
    .enquire {
        text-align: left;
        margin-top: 15px;
    }
    .enquire a {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 0;
    }
    .form-wrap {
        margin-bottom: 35px;
    }
    .textarea {
        /*height: 90px;*/
        height: auto;
    }
    .required-txt {
        margin: 5px 0 0 0;
        letter-spacing: 0;
    }
    .header-container,.banner-desc,.down-arrow  {
        margin-top: 0;
    }
    .form-wrap input {
        font-size: 11px;
        line-height: 13px;
    }
    .textarea {
        font-size: 11px;
    }
    .banner-desc .desktop-title{
        display: none;
    }
    .banner-desc h2 br {
        display: none;
    }
}

@media (max-width: 400px){ 
    .wrap-main {
        background-size: 317%;
    }
    .logo {
        width: 200px;
    }
    .comman-btn.message-box {
        min-width: 90px;
        padding: 8px 8px;
    }
    h2{
        text-align: left;
    }
    .hire-gulfstream h5, .hire-gulfstream p, .hire-gulfstream ul li {
        font-size: 14px;
        max-width: 100%;
    }
    .more-info {
        font-size: 18px;
        line-height: 22px;
    }
    .popup-block {
        margin: 55px 0 35px 0;
    }
    .about-product h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
    }
    .contact-section {
        padding: 40px 0 50px 0;
    }
    .enquire a {
        font-size: 24px;
    }
    .about-product .row {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }
    .about-product .column-4 {
        margin: 0 0 20px 0;
        width: 100%;
    }
}

@media (max-width: 350px){ 
    .logo {
        width: 170px;
    }
}