/* Fonts */

@import url('https://use.fontawesome.com/releases/v5.10.2/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap');
/* Fonts */

html { margin: 0; padding: 0; height:100%; min-height:100%;}
body{ 
margin:0px auto;
padding:0px;
font-family: 'Poppins', sans-serif;
font-size:15px;
color:#212121;
line-height:24px;
height:100%; 
min-height:100%;
background:#fff;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{ box-sizing:border-box;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#373737; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none; color:#35926c;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.clear{line-height:0; clear:both;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 40px; border-bottom:2px #ddd dotted;
/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);*/
}

h1, h2, h3, h4{ line-height:1.5; font-weight:normal; margin-bottom:15px;}

.aln-cntr{display:block; overflow:hidden; clear:both; text-align:center; margin-bottom:20px;}
.aln-cntr img{max-width:100%;}


ol{ display:block; margin-bottom:20px;}
ol li{ display:block; clear:both; line-height:1.5; position:relative; padding-left:22px; margin-bottom:5px;}
ol li:before{ margin-right:6px; content: "\f152"; font-family: "FontAwesome"; color:#00bff3; font-size:15px; line-height:24px; position:absolute; left:0; top:1px;}



/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

.wrap-sp{width:1024px; max-width:98%; margin:0 auto; position:relative;}
.wrap-outer{width:100%; margin:0 auto; position:relative;}
.wrap{width:1200px; max-width:98%; margin:0 auto; position:relative;}

.header{padding:0; position:absolute; z-index:100; left:0; right:0; top:0;}

.header-top{background:#fff;  display:block; overflow:hidden; clear:both; position: relative; width:100%; box-sizing:border-box; font-size:15px; padding:5px 20px; color:#979696;}
.header-top a{  padding-left:15px; padding-bottom:5px; display:block;}
.header-top h2{ font-size:26px; font-style:italic; font-weight:800; line-height:1; text-transform:uppercase; margin-bottom:0; margin-right:70px;}
.header-top h3{ font-size:18px; font-style:italic; font-weight:600; margin-bottom:25px;}


ul.top-link{ float:right; padding:0; margin:0; list-style-type:none; text-align:right; box-sizing:border-box;}
ul.top-link li{ display:inline-block; font-size:18px; margin-left:5px; line-height:1;  position:relative; overflow:hidden;}
ul.top-link li a{ color:#444;}
ul.top-link li strong{ font-weight:600; }
ul.top-link li a span{padding-left:3px; transition: 1s; display:inline-block;}
ul.top-link + div{ display:block; clear:both; overflow:hidden;}
ul.top-link + div a{ display:inline-block; color:#fff; font-size:22px;}

.mail-col{color:#22a3c7; font-size:16px}

.logo{ padding:5px 0 10px 0;}
.logo > div > a img{ height:130px;}

.nav-area{ width:100%; float:left; display:block; clear:both; box-sizing:border-box; color:#fff;background: #1c1c1c;}




.help-line{ float:right; margin-right:1px; padding:0; list-style-type:none; overflow:hidden}
.help-line li{ display:inline-block; position:relative;  vertical-align:top; font-size:14px;}
.help-line li i{ padding:0 5px;}
.help-line li:before{ content: "\f078"; font-family: "FontAwesome"; width:40px;  color:#00bff3; font-size:15px; text-align:center; line-height:53px; position:absolute; right:0; background:#353d49; top:0;}
.help-line li a{ text-decoration:none; display:block; color:#fff; background:#35926c; line-height:53px; padding:0 70px 0 30px; font-size:17px; color:#fff; text-align:center; font-weight:700; }
.help-line li a:hover{ background:#043e0b;}



.banner-area{display:block; overflow:hidden; clear:both; position:relative; border-bottom:5px solid #1c1c1c}
.banner-area img{width:100%; float:left;}


.owl-carousel .item{ text-align:center;}
.owl-carousel .item a{ background:#fff; padding:10px; display:block; overflow:hidden; border:1px #979696 solid;}
.owl-carousel .item a img{ max-width:100%; margin:0;}
.owl-carousel .item h4{ display:block; overflow:hidden; padding:8px; background:#979696; color:#fff; font-size:14px; font-weight:600;}
.owl-carousel .item:hover h4{background:#1c1c1c;}




.three-box-area{ display:block; overflow:hidden; clear:both; position:relative; top:-100px; margin-bottom:-100px; left:0;}
.three-box-area > div > a, .welcome-area a{padding:10px 30px; text-align:center; font-weight:900; font-size:13px; position:relative; display: block; width:200px; margin:30px 0 0; color:#fff; text-transform:uppercase; background:#1c1c1c; border-radius:50px; clear:both; }
.three-box-area > div > a{ margin:20px auto 50px;}
.three-box-area > div > a:hover, .welcome-area a:hover{background:#979696; color:#fff;}


.welcome-area, .innerMidArea{display:block; overflow:hidden; clear:both; border-top:2px dotted #ddd; padding:60px 0;}
.welcome-area h1{font-size:24px; line-height:1.2; padding-bottom:0px; font-weight:700; }
.welcome-area h1 span{color:#979696; display:block;clear:both;}
.welcome-area p, .innerMidArea p{font-size:15px; line-height:1.7; display:block;  margin-bottom:15px;}
.welcome-area p strong, .innerMidArea p strong{font-weight:600; color:#979696;}
.welcome-area .row .row [class^="col-"] > div{padding:10px; border:1px #ddd solid; display:block; margin:5px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);}


/* ----------------------- Client Style ----------------------- */

.clients-logo-area{ display:block; overflow:hidden; background:#cdd3b9;}
.clients-logo-img{display:block; overflow:hidden; clear:both; padding:30px 10px;}
.clients-logo-img img{ margin:0 10px; width:200px;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: alpha(opacity=100); opacity: 1;
}

.clients-logo-img img:hover{
grayscale(100%);
-webkit-filter: grayscale(100%); 
filter: gray; 
-webkit-transition: all .6s ease;
filter: alpha(opacity=60); opacity: 1;
}






.parallax-bg{display:block; overflow:hidden; clear:both; padding:30px 0; background-color:#979696; max-width:100%; background-size: contain;}
.make-enquiry{ padding:5px; text-align:center;}
.make-enquiry h3{ margin-bottom:15px; font-size:24px;  font-weight:700; text-align:center; color:#fff;}
.make-enquiry form{margin:0 auto; width:100%; color:#000; padding:7px; box-sizing:border-box;}
.make-enquiry form input, .make-enquiry form textarea, .make-enquiry form select{width:100%; padding:7px; box-sizing:border-box; background:#fff; border:0; color:#000; font-size:14px; height:45px;}
.make-enquiry form textarea{height:85px;}
.make-enquiry form input[type="submit"]{background:#1c1c1c; color:#fff; font-weight:700; padding:6px 25px; border:none; margin:0; cursor:pointer; border:2px #1c1c1c solid;}
.make-enquiry form input[type="submit"]:hover{background:#fff; color:#1c1c1c;}
.make-enquiry form [class^="col-"]{ margin-bottom:20px;}



/* Carousel End */

.box-gap{ margin-bottom:10px; height:40px; display:block; }
.txt-hig{ min-height:90px!important; display:block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#22a2c6+0,176686+100,1e5799+100 */
background: #22a2c6; /* Old browsers */
background: -moz-linear-gradient(top, #22a2c6 0%, #176686 100%, #1e5799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #22a2c6 0%,#176686 100%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #22a2c6 0%,#176686 100%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a2c6', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */}

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


.footerArea{background:#1c1c1c; display:block; clear:both; overflow:hidden; padding:60px 0 15px; text-align:center; color:#fff; position:relative;}
.footerArea img{width:150px; margin-bottom:25px;}
.footerArea .address{ display:block; text-align:center; margin-bottom:30px; line-height:1.8;}
.footerArea .address strong{text-transform:uppercase;}
.footerArea .address a{margin:0 8px; color:#fff;}
.footerArea p{margin-bottom:25px;}
.footerArea iframe{margin-bottom:20px; padding:10px; background:#fff;}

.social-icons{margin:0 0 30px; padding:0; list-style-type:none; position:relative;}
.social-icons:before, .social-icons:after{content:''; display:block; position:absolute; left:-200%; right:60%; top:20px; height:1px; background:rgba(255,255,255,0.2);}
.social-icons:after{right:-200%; left:60%;}
.social-icons li{display:inline-block; font-size:30px; margin:0 5px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{color:#979696;}

ul.footerLinks{list-style-type:none; margin:0 0 15px; padding:0;}
ul.footerLinks li{display:inline-block; margin:5px 15px;}
ul.footerLinks li a{color:#fff; font-weight:700; text-transform:uppercase; font-size:14px;}
ul.footerLinks li a:hover{color:#979696;}


/*--------------------NEXT PAGE--------------------------*/


.innerHeader{ position:relative; top:-130px; margin-bottom:-130px; z-index:10; text-align:center;}
.innerHeader h1{ text-transform:uppercase; font-weight:600; margin-bottom:20px; position:relative;}
.innerHeader h1:after{ position:absolute; left:50%; bottom:0; transform:translate(-50%,0); height:3px; background:#e8a61b; width:50px; content:''; display:block;}
.innerHeader ul{ text-align:center; list-style-type:none; font-size:12px; text-transform:uppercase;}
.innerHeader ul li{ display:inline-block; margin:0 10px; position:relative;}
.innerHeader ul li:before{position:absolute; left:-15px; top:0; content:'>'; position:absolute; display:block;}
.innerHeader ul li:first-child:before{ display:none;}

.innerMidArea p{ text-align:justify;}
.innerMidArea ul{}
.innerMidArea ul li{ margin-bottom:15px;}

.productListing{}
.productListing [class^="col-"]{margin-bottom:25px;}
.productListing [class^="col-"] > a{ display:block; overflow:hidden; border:1px #e6c173 solid; text-align:center; padding:10px; position:relative;}
.productListing [class^="col-"] > a:before{position:absolute; left:0; right:0; bottom:0; height:45px; content:''; display:block; z-index:1; background:#e6c173; transition:.2s ease;}
.productListing [class^="col-"] > a:hover:before{height:5px;}
.productListing [class^="col-"] > a span{ display:block; overflow:hidden; clear:both; font-size:14px; position:relative; z-index:2;}
.productListing [class^="col-"] > a img{ display:inline-block; margin-bottom:15px;}
.productListing [class^="col-"] > a:hover{ color:#b68827;}


.innerMidArea .table{ background:#fff6e4;}
.innerMidArea .table td, .innerMidArea .table th {padding: .35rem;}
.innerMidArea .table th{ background:#e6c173;}


 .wpforms-container-full .wpforms-form button[type="submit"], .wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: #000!important;
  border: none!important;
  color: #fff!important;
  font-size: 1em;
  padding: 10px 15px;
  width: 100%!important;
}



/*------------------Next-------------------*/

.innerArea {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    position: relative;
    margin-bottom:-80px!important;
    border-top: 5px #111 solid;
    color: #000;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
	top:-60px;
	 }



.breadcrumb{background:none; padding:0; margin:0; padding-bottom:10px; position:relative; border-bottom:1px #a4a49b solid;  font-size:13px; color:333}
.breadcrumb-list li{display:inline-block; position:relative;}
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#6c757d; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a{ color:#333;}
.breadcrumb-list li a:hover{ color:#000;}
.breadcrumb-item a{ color:#333;}
.breadcrumb-item a:hover{ color:#000;}


/* -- Mid Area -- */
.midArea{padding:30px 0!important; margin:0!important; display:block; overflow:hidden; clear:both; text-align:left; box-sizing:border-box  }

.midArea h2{font-size:22px; font-weight:600; color:#2b2b2b; margin-bottom:15px; }
.midArea h3{font-size:20px; font-weight:700; color:#2b2b2b; font-family:'Pathway Gothic One'!important; padding-bottom:10px}
.midArea p{display:block; font-size:15px; padding-bottom:10px; text-align: justify}
.midArea > ul{padding:0;  margin:0; list-style-type:none}
.midArea > ul li{ position:relative; padding-bottom:10px;}
.midArea > ul li:before{ color:maroon; padding-left:20px; content:''; background:url('../images/arrow-bull.png') no-repeat;}

hr{border:none; margin:20px 0 30px; display:block; border-top:1px #ddd dotted;}

.twosp div{ display:inline-block; width:50%; margin:0 0 0 -4px; box-sizing:border-box;}
.twosp ul{ padding:0; margin:0 0 10px 0; list-style-type:none}
.twosp ul li{ padding-bottom:10px; position:relative; padding-left:28px;}
.twosp ul li:before{ position:absolute; content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; display:block; left:5px;}
.twosp div h3{ }

.nxtpackageArea{position:relative; }
.nxtpackageArea .col-4[class^="col-"]{position:relative;  margin-bottom:20px; }
.nxtpackageArea [class^="col-"] div{padding:20px;background:#000; color:#fff;}
.nxtpackageArea [class^="col-"] div.headerbg{background:var(--blue); color:#000; min-height:200px;}

.nxtpackageArea [class^="col-"] div h4{ font-size:22px; font-weight:700;}
.nxtpackageArea [class^="col-"] div h5{ font-size:16px; margin-bottom:25px; display:block; overflow:hidden; line-height:1.4; min-height:45px;}
.nxtpackageArea [class^="col-"] div:last-child{ display:block; padding:20px 0 0;}
.nxtpackageArea [class^="col-"] div h6{ font-size:30px; font-weight:700; margin-bottom:20px; color:var(--red);}
.nxtpackageArea [class^="col-"] div a{background:var(--red); display:inline-block; padding:5px 20px; margin-bottom:20px; font-weight:700; text-transform:uppercase; font-size:14px; color:#fff; border-radius:30px;}

.nxtpackageArea h2{ padding:25px 0 15px 0; display:block;}

.sub-menu-toggle{ display: none;}

.wpforms-container-full .wpforms-form textarea.wpforms-field-large {  height: 120px;}


.nxtgalleryArea{ padding:30px 0 0; text-align:center;}
.nxtgalleryArea > [class^="col-"] > div{display:block; overflow:hidden; clear:both; overflow:hidden; height:280px; background:#fff; padding:10px; margin:10px 0; position:relative; /*border:1px #d7efea solid;*/ -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); }
.nxtgalleryArea > [class^="col-"] > div img{ height:280px;}
.nxtgalleryArea h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--main);}
.nxtgalleryArea a{background:#fff; display:block; overflow:hidden; padding:0.5px; position:relative;}
.nxtgalleryArea a img{width:100%;}
.nxtgalleryArea a:before{position:absolute; left:25%; right:25%; top:25%; bottom:25%; content:''; display:block; z-index:5; background:rgba(0,0,0,0.7); opacity:0; transition:all .2s ease-in-out;}
.nxtgalleryArea a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.nxtgalleryArea a span{position: absolute; transition:all .5s ease-in-out; opacity:0; text-align: center; z-index: 100; color: #fff; text-shadow: 0px 0px 3px #000000; font-size: 24px; top: 20%; left: 50%; transform: translate(-50%,-50%);}
.nxtgalleryArea a:hover span{opacity:1;top: 50%;}

.nxtgalleryArea h4{ font-size:13px; font-weight:600; color:#111; line-height:1.3; padding-top:10px; margin-bottom:0; padding-bottom:0}

/*******************************/
/********* Contact CSS *********/
/*******************************/
.contact {
    position: relative;
    width: 100%;
    padding:45px 25px 25px;
	background:#f0f4fe; margin-top: 40px; border: 1px dotted #203669; margin-bottom:40px;
}

.contact .contact-info {
    position: relative;
    display: flex;
    
    margin-bottom: 30px;
    transition: .3s;
	/*background:#082d53;*/
	padding:10px;
}

.contact .contact-info:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1); background:#fff;
}

.contact .contact-icon {
    position: relative;
    width: 50px!important;
    height: 50px;
    display: flex;
    align-items:center;
    justify-content:center;
    border: 1px solid #203669; margin-right: 10px; 
	text-align:center
}

.contact .contact-icon i {
    font-size:20px;
    color: #203669;
}
.contact .contact-text {
    
    display:block;
    padding-left:2px;
	text-align:left; font-size:16px; font-weight:600;  color: #333;
}
.contact  h2 { font-size:30px; text-align:left; display:block; margin:0;}
.contact .contact-text h3 {
    font-size:20px;
    font-weight:600;
    color: #000;
	padding:0; margin:0;    
}
.contact .contact-text a {
    
	color: #333; font-size:16px; line-height:1; font-weight:600; 
}
.contact .contact-form {
    position: relative;
    margin-bottom: 30px;
    transition: .3s; width: 100%;
}
.contact .contact-form .form-control{display:block; overflow:hidden; padding:14px; border-radius:0; margin-bottom:10px; font-size:14px; }
.contact .contact-form select.form-control{height:auto;}
.contact .contact-form .textarea{height:150px;font-size:14px; display:block; overflow:hidden; width: 100%!important; padding:14px; border: 1px #00b3ff solid!important;}
.contact .contact-form .btn{background:#000; border-radius:0; padding:14px 30px; color:#fff; font-size:14px; font-weight:600; letter-spacing:1px;}
.contact .contact-form .btn:hover{background:#fff; color:#000; }

.contact .contact-form .form-control {
    border: 1px #00b3ff solid!important;
}

.enquireforarea{ background: #f3f3f3; display: block; padding: 25px; margin-bottom: 35px;}


.bor_no {
     border: inherit;
}

.bor_no .card-header {
     padding: 0;
     background: inherit;
     border: inherit;
}

.card-header > a {
     background: var(--blue);
     border-radius: 29px !important;
     border: inherit;
     margin-bottom: 5px;
     padding: 17px 20px;
     width: 100%;
     float: left;  text-decoration: none;
}

.card-header>a[aria-expanded="true"] {
     background: #e96b24;  text-decoration: none;
}

.variat {
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     line-height: 18px;
}

.variat i {
     text-align: right;
     float: right;
}



.bull{display: block; padding: 0; margin: 0; list-style-type: none;}
.bull li{ display:block; clear:both; line-height:1.5; position:relative; padding-left:22px; margin-bottom:10px;}
.bull li:before{ margin-right:10px; content: ""; background:url('../images/arrow-rgt.png') no-repeat;  line-height:15px; width:9px; height: 15px; position:absolute; left:0; top:4px;}


.service-box-area{ display:block; overflow:hidden; clear:both; position:relative; top: 0; left:0;}
.service-box-area  [class^="col-"] a{text-align:center; font-weight:900; font-size:13px; position:relative; display: block;  margin:15px 0; color:#fff; text-transform:uppercase; clear:both; }

.service-box-area  [class^="col-"] a h4{
  display: block;
  overflow: hidden;
  padding: 8px;
  background: #979696!important;
  color: #fff;
  font-size: 14px;
  font-weight: 600; margin-bottom: 10px;
}





/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1400px){

.wrap-sp{width:auto; max-width:98%; margin:0 auto; position:relative; box-sizing:border-box;}
.wrap-outer{width:auto; margin:0 auto; position:relative; box-sizing:border-box;}
.wrap{width:auto; max-width:98%; margin:0 auto; position:relative; box-sizing:border-box;}

}

@media (max-width: 1030px){

.header{position: static;}

.wrap-sp{width:auto; max-width:98%; margin:0 auto; position:relative; box-sizing:border-box;}
.wrap-outer{width:auto; margin:0 auto; position:relative; box-sizing:border-box;}
.wrap{width:auto; max-width:98%; margin:0 auto; position:relative; box-sizing:border-box;}


.parallax-bg{ padding-left:10px; padding-right:10px;}


.welcome-area{text-align:left;}
.welcome-area h1{font-size:20px;}
.welcome-area > img{display:none;}
.welcome-area .row .row [class^="col-"]:last-child{display:none;}
.parallax-bg ul li div{padding-right:0;}

.three-box-area{ display:block; clear:both; position: static; margin:25px auto 0;}

textarea.form-control {
    height: 90px;
}
	

	.innerArea h1 {display: block; font-size:25px; }

}

@media (max-width: 990px){
.nav-area{display:block; clear:both; box-sizing:border-box;}
.parallax-bg{ padding:50px 20px 50px; background-image:none;}

.header-top h2, .header-top h3{ display:none;}
ul.top-link li{ font-size:16px;}
ul.top-link + div{ display:none;}
.logo > div > a{ padding-bottom:0;}


.welcome-area{display:block; overflow:hidden; clear:both; text-align:center; border-top:1px solid #ddd; padding-top:55px}
.welcome-area a{ display:inline-block; margin-bottom:25px;}
.img-container{height:180px;}

ul#navigation > li > a{font-size:15px; padding:25px 25px; text-align:left;
}
	

}

@media (max-width: 900px){
.help-line{ float:none; display:none}
ul.three-box li a div h3{  font-size:16px;}
ul.three-box li a div h3:before{ font-size:18px; line-height:44px; }
.contact-sp { padding:10px 2% 25px; display:block}
}

@media (max-width: 720px){

.innerArea {
    display: block;   
	top:20px; margin-bottom:0!important;	 
	}
	
	.midArea h2{font-size:20px!important; margin-bottom:15px; }
	
.imga-padd{ padding:10px; margin:0; text-align:center; display:block;}

.inner-banner-area{padding:100px 2% 50px;}
.inner-banner-area div div{ float:left;}
.inner-banner-area div ul{  float:left; display:block; clear:both; margin:0; padding:0; list-style-type:none}
.make-enquiry form div{width:100%; display:block; margin-left:0; padding:2px 0; box-sizing:border-box;}

.contact-pix{ padding:10px 1% 25px; display:block; margin:0 auto; width:auto; clear:both; overflow: hidden; text-align:center;}
/*.contact-pix img{  float:none; display:block; margin:0 auto; text-align:center;}
*/
.map{ padding:20px 10px; box-sizing:border-box; max-width:98%;  margin:0 auto; clear:both; display:block;}

.inner-banner-area div div h1{ font-size:26px;}
.header-top a{  padding-left:0; padding-bottom:5px; display:block; margin:0 auto; text-align:center}

ul.top-link{ float:none; padding:10px 0 0 0; text-align:left; display:block; border-top:1px solid rgba(255,255,255,0.1);}
ul.top-link a{font-size:11.5px;}

.nxtgalleryArea > [class^="col-"] > div{height:auto; }
.nxtgalleryArea > [class^="col-"] > div img{ height:auto; }
	
}

@media (max-width: 650px){

.logo{ padding:5px 0 0;}
.logo > div > a img{ height:100px;}

.three-box-area{ display:block; clear:both; position: static; margin:-30px auto 0; padding:0 10px;  text-align:center;  margin-bottom:0; }
ul.three-box li{ display:block; width:100%; box-sizing:border-box; margin-left:0; margin:20px auto; text-align:center; }


.footer ul li{display:block; margin:10px 0;}
.mid-content p{ display:block; clear: both; padding:10px}
.mid-content ul li{width:96%; box-sizing:border-box;}


.mid-content div img{ display:block; text-align:center; clear:both;}

.two-area{ padding:20px; display:block; box-sizing:border-box;}

.contact-sp { padding:10px 1% 25px 3%; display:block}

.innerHeader{ top:-65px; margin-bottom:-55px;}
.innerHeader h1{ font-size:20px; padding-bottom:10px; margin-bottom:40px;}

.footerArea .address{font-size:13px;}
	
	.wpforms-container-full .wpforms-form .wpforms-one-third{float: none;
margin: 0!important;;
clear: none;
display: block;
clear: both;
width: 100% !important;}
}

@media (max-width: 500px){

.mid-content p{ display:block; clear: both; padding:10px}
.mid-content ul li{width:96%; box-sizing:border-box;}


.mid-content div img{ display:block; text-align:center; padding:10px; clear:both;}
.mid-content h2{ font-size:24px;}
	
	.contact .contact-info {
    position: static;
    display: block; 
    transition: .3s;
	/*background:#082d53;*/
	padding:0 0 20px 0;
	text-align: center!important; border-bottom: 1px dotted #333}
	
	.contact .contact-icon {
    position: static;    
	text-align:center!important;
		margin: 20px auto 10px;}


.contact .contact-text {
    padding-left:0;
	text-align:center; font-size:15px;}
	
	.contact  h2 { font-size:20px; text-align:center; display:block; margin:0;}
	.contact .contact-text h3 {
    font-size:16px;
    font-weight:600;
    color: #000;
	padding:0; margin:0;    
}
.contact .contact-text a {	color: #333; font-size:14px; line-height:1; font-weight:600; }
	

	
	
}



/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}