@charset "utf-8";
* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    box-sizing:border-box;
}
body {
    text-decoration: none;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-size:16px;
    color:#333;
}




.clearfix{clear:both;}


.c1 {
    background-color:#fff !important;
    color:#333 !important;
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}


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

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Regular.eot');
    src: url('../fonts/FiraSans-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Regular.woff') format('woff'),
        url('../fonts/FiraSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Italic.eot');
    src: url('../fonts/FiraSans-Italicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Italic.woff') format('woff'),
        url('../fonts/FiraSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Medium.eot');
    src: url('../fonts/FiraSans-Mediumd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Medium.woff') format('woff'),
        url('../fonts/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-SemiBold.eot');
    src: url('../fonts/FiraSans-SemiBoldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-SemiBold.woff') format('woff'),
        url('../fonts/FiraSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


.clear {
    clear: both 
}
audio, ::selection {
    background:#197bb0;
    color: #fff;
}

.wrapper{ background-color:#fff;}
.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
.grecaptcha-badge{
    display:none !important;
}



.banner-content{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	display:flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-bottom:10em;
	padding-left:10%;
}

.inner-caption .banner-content{ padding-left:0%;}



.whats-app{
    position:fixed;
    bottom:10vh;
    right:0px;
    margin-right:45px;
    width:30px;
    z-index:120000;
	
}
.whats-app img {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    opacity:1;
    max-width:40px;
	
}
.whats-app:hover img {
    opacity:1 
}
@keyframes floating {
    from {
        transform: translate(0, 0px);
    }
    65% {
        transform: translate(0, 15px);
    }
    to {
        transform: translate(0, -0px);
    }
}

.img-full{
    width: 100%;
    height:auto;
    display: block 
}
.img-responsive {
    max-width: 100%;
    height:auto;
}
.container{
    width:100%;
    padding-left:5%;
    padding-right:5% 
}
.logo1{
    display:none 
}
.banner-wraper{
    width:100%;
    height:auto;
    position:relative;
    z-index:1;
}

.swiper-slide-caption {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-height: 100%;
    white-space: normal;
    overflow: hidden;
    bottom: 30%;
}




.caption{
	color:#fff;
	font-size:5.000em;
	font-family: 'Fira Sans';
	font-weight: 600;
	text-align:left;
	line-height:1;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    float: left;
    text-shadow: 2px 2px 4px #333;
}
.banner-caption-mid{
font-size: 2.667em;
color:#f5d3a5;
font-family: 'Fira Sans';
font-weight: 600;
line-height: 1.1;
display: inline-block;
text-align: left;
width: 100%;
padding-left:0.25em;
text-transform: uppercase;
}




.home-caption{ width:100%; }


.top-wraper{
    width:100%;
    height: auto;
}
.top-container{
    width:100%;
    padding-left:5%;
    padding-right:5%;
}
.tophead{
    width:100%;
    height:40px;
    position:relative;
	padding-top:1em;
}
.top-header{
    width:100%;
    height:auto;
    position:relative;
    z-index:99 
}
.top-contact{
    width: auto;
    height:40px;
    float:right;
    clear: both;
    padding-top:10px;
}
.logo-container{
    width:auto;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    padding-top:10px;
}
.menu-container{
    width: auto;
    height: auto;
    float:right;
    margin-top:1em 
}
.logo{
    width:auto;
    height:auto;
    float:left;
}
.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.top-quickwraper{
    width:100%;
    height:auto;
}

.header-contact{
    width:auto;
    height:auto;
    float:right;
}
.header-call{
    width:auto;
    height:auto;
    line-height:28px;
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    margin-left:1em;
    color:#333;
}
.header-call span{ float:left; color:#00afe9; padding-left:0.5em;  border-left:1px solid #ccc; display:flex;
	align-items:center;}
.header-call span:nth-child(1){ border:none;margin-right:0.5em;}
.header-call a{
    line-height:28px;
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    color:#6d432c;
	
}
.header-call a:hover{
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    color:#17553b;
}





.desk-view{
    display:block
}
.mob-view{
    display:none
}
.nav-menu > li:nth-last-child(1) a{ padding-right:0%;}
.banner-caption{
	width:auto;
	height:auto;
	float:left;
	/* background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0.3),rgba(0,0,0,0.4),rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
}

/*.poket_nav_area .nav-brand .logo .small {
  display: block;
}*/
.poket-main-menu .prefix .main_sticky_main_l .large {
  display: none;
}

.footer-bottom-wrap{
	width:100%;
	height:auto;
	background:#037aa3;
	float:left;
}
.copy-right{
     width: auto;
     height: auto;
     line-height:55px;
     float: left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:rgba(255,255,255,0.8);
}
.designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:rgba(255,255,255,0.8);
     
     line-height:55px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: inherit;
     font-size:1em;
     font-weight:300;
    color:rgba(255,255,255,0.8);
	margin-left:5px;
}
 .designed p a:hover {
     text-decoration: none;
    color:#222;
	border-bottom:1px solid #666;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:46px;
}
.footer-wraper{
	width:100%;
	height:auto;
	float: left;
    background: url(../images/footer-bg.jpg);
    background-size: cover;
}

.footer-top-wraper{
	width:100%;
	height:auto;
	padding-top:90px;
	padding-bottom:55px;
	/*border-top:1px solid #ccc;*/
	display: flex;
/*align-items: center;*/
justify-content: center;
	
}


.footer-content{
	width: 25%;
	height:auto;
	float:left;
	/*margin-top:5em*/
}
.footer-content:nth-child(1){ width:30%; margin-top:0em;}




.footer-social{
	width:100%;
	height:auto;
}

.footer-logo{
	width:85%;
	height:auto;
	text-align:left;
	margin-bottom:0.5em;
}
.footer-address-wrap{
	width:100%;
	height:auto;
}

.footer-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-content ul li{
	font-family: inherit;
	font-size:1em;
	line-height:2;
	width:100%;
	float:left;
}
.footer-content ul li a{
    font-family: 'Fira Sans';
	line-height:1.7;
	color:#333;
	font-size:1em;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal;
	 
}


.footer-content-for-top {
    align-items: flex-start !important;
  }
 .footer-content ul li a:hover{
    font-family: 'Fira Sans';
	line-height:1.7;
	color:#333;
	font-size:1em;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
     padding-left:3px;
     font-weight: normal 
}
.footer-content-title{
	width:100%;
	height:auto;
	font-size:1em;
	font-family: 'Fira Sans';
	color:#ac5252;
	margin-bottom:8px;

    font-weight: 500;
    font-style: normal;
    font-display: swap;
    text-transform: uppercase;
}

.footer-address{
    width:100%;
    height:auto;
    margin-top:1.5em;
}
.footer-address:nth-child(1){ margin-top:0px;}
.footer-icon{
    width:13%;
    height:auto;
    float:left;
    text-align:right;
}
.address{
    width:87%;
    height:auto;
    float:left;
    font-size:1em;
    color:#333;
    font-family: 'Poppins';
    padding-left:3%;
	line-height:1.7;
	margin-bottom:0.5em;
}


.footer-address-container {
    width: 100%;
    height: auto;
    padding-bottom:5px;
	padding-top:5px;
}

.footer-details-icon{
	width:auto;
	height:auto;
	float:left;

	display:table-cell;
	text-align:left;
	color:#05431b;
	font-size:1.75em;
	margin-right:10px;
	margin-top:-3px;
}

.footer-details {
    width:100%;
    height: auto;
    float: left;
	font-size:1em;
}
.footer-details p {
    width: 100%;
    height: auto;
    font-family: inherit;
	font-size: 1em;
	color:#333;
    line-height:1.9;
    font-weight: normal;
	padding-right:0%
}
.footer-quick-contact{
	width:100%;
	height:auto;
    margin-top: 1.5em;
}


.footer-content-for{
	width:100%;
	height:auto;
	padding-bottom:1em;
	display:flex;
	align-items:center;
}
.footer-content-for:nth-child(1){ align-items:flex-start}
.footer-content-icon{
	width:auto;
	text-align:left;
	float:left;
    padding-right: 1em;
}
.footer-content-details{
	width:88%;
	height:auto;
	float:left;
}
.footer-content-details p{
	width:100%;
	height:auto;
	font-family: 'Fira Sans';
	line-height:1.7;
	color:#333;
	font-size:1em;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.footer-social-links {
    padding:0;
    margin:0em 0 0;
    text-align:left;
    float:left;
}
.footer-social-links ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
    width:auto;
}
.footer-social-links ul li {
    list-style:none;
    height: auto;
    width:50px !important;
    float:left;
    margin: 0px !important;
}
.footer-social-links ul li a {
    height:auto;
    width:50px;
    display:block;
    text-align:left;
    font-size:1.5em;
    color:#ac514a;
    line-height:1.7;
}
.footer-social-links ul li a:hover {
    color:#333;
    font-size:1.5em;
}







.poket-main-menu .logo a.main_sticky_main_l {
  display: block;
  margin-top:0px !important;
}


.poket-main-menu .prefix .logo a.main_sticky_l {
  display: block;
  margin-top:3px !important;
/*  filter: invert(100%);
-webkit-filter: invert(100%);
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
*/}


.poket-main-menu .prefix .navigation{ height:70px;}
.poket-main-menu .prefix .logo a.main_sticky_l img {
    padding-top: 5%;
    height: 55px;
}

.poket-main-menu .prefix .logo{ top:0px;}
.poket-main-menu .prefix .nav-menu > li > a{ color:#333 !important}

.poket-main-menu .prefix .nav-menu>li:hover>a:before{background:#fff !important;}
.poket-main-menu .prefix .nav-menu>li:hover>a:after{background:#fff !important;}
.em40_header_area_main{ padding:0.5em 0em !important}


.poket_nav_area.prefix,
.hbg2 {
    background-color: rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.poket_menu ul .sub-menu li a,
.poket_menu ul .sub-menu li:before {
    font-display: swap;
}
.poket_nav_area .scroll_fixed .prefix .nav-header{ width:30px;}

.service-wrap{
    width: 100%;
    height: auto;
    padding-top: 120px;
    background: url(../images/service-bg.png) no-repeat left bottom;
    padding-bottom: 120px;
}
.service-container-wrap{
    width: 100%;
    height: auto;
    display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.service-caption{
    width: 20%;
    height: auto;
    float: left;
}
.service-content{
    width: 80%;
    float: left;
    padding-left: 5%;
}



.service-container{
    width:23.5%;
    height:auto;
    float:left;
    margin-right:2%;
    position:relative;
    font-size:1.15em;
   } 
.service-container:nth-child(4){ margin-right:0%;}


.category-box{
   overflow: hidden;
   position: relative;
   transition: all 0.3s ease 0s;
   border-radius: 10px;
}
.category-box:hover{
}
.category-box img{
   width: 100%;
   height: auto;
   border-radius: 10px;
}
.category-box .box-content{
   width: 100%;
   height: 100%;
   font-size: 0.85em;
   color: #fff;
   background: rgba(0, 0, 0, 0.8);
   text-align: center;
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   transition: all 0.6s ease 0s;
   display:flex;
   align-items:center;
   justify-content:center
}
.category-box:hover .box-content{
   opacity: 1;
}
.category-box .box-content:before,
.category-box .box-content:after{
   content: "";
   position: absolute;
   top: 20px;
   left: 20px;
   bottom: 20px;
   right: 20px;
   opacity: 0;
   z-index: 1;
   transform: scale(1.5);
   transition: all 0.6s ease 0.2s;
}
/*.category-box .box-content:before{
   border-left: 1px solid rgba(255, 255, 255, 0.9);
   border-right: 1px solid rgba(255, 255, 255, 0.9);
   left: 30px;
   right: 30px;
}
.category-box .box-content:after{
   border-top: 1px solid rgba(255, 255, 255, 0.9);
   border-bottom: 1px solid rgba(255, 255, 255, 0.9);
   top: 30px;
   bottom: 30px;
}*/
.category-box:hover .box-content:before,
.category-box:hover .box-content:after{
   opacity: 1;
   transform: scale(1);
}
.category-box .title{
height: auto;
font-family: 'Fira Sans';
font-size: 1em;
color: #fff;
font-weight:  normal;
text-transform: uppercase;
}
.box-content .post{
   display: block;
   font-size: 1em;
   color: #fff;
}

.service-container:hover .category-caption{ display:none}

.category-caption{
   width:100%;
   height:auto;
   position:absolute;
   bottom:0;
   right:0;
   padding-right:1em;
   padding-bottom:1em;
   font-family: 'Fira Sans';
   font-size:0.65em;
   color:#fff;
   padding-left:5%;
   font-weight: normal;
}
.category-pic{
    width: 100%;
    height: auto;
}
.service-caption-for{
    width: 100%;
    height: auto;
    text-align: left;
}
.service-caption-for-top{
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 3.056em;
    font-family: 'Fira Sans';
    font-weight: normal;
    font-style: italic;
    font-display: swap;

}
.service-caption-main{
    width: 100%;
    height: auto;
    text-align: left;
    font-size:4.444em;
    font-family: 'Fira Sans';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    text-transform: uppercase;
    color: #037aa3;
    line-height: 1;

}
.welcome-wraper{
    width: 100%;
    height: auto;
    position: relative;
}
.welcome-pic{
    width: 100%;
    height: auto;
}

.welcome-container{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    padding-top: 5em;
}
.welcome-top-title{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 2.611em;
    font-family: 'Fira Sans';
    color: #333;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.welcome-main-title{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 3.556em;
    font-family: 'Fira Sans';
    color: #fff;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    line-height: 1;
    margin-bottom: 0.75em;
}

.welcome-container p{
    width: 54%;
    height: auto;
    float: right;
    font-family: inherit;
    font-size: 1em;
    color: #fff;
    line-height: 1.7;
    font-weight: normal;
    padding-right: 10%;
}
.bottom-wraper{
    width: 100%;
    height: auto;
    padding: 130px 0px;
    background: url(../images/bottom-bg.jpg);
    background-size:100% 100%;
}
.bottom-container-wrap{
    width:75%;
    height: auto;
    padding: 0px 5%;
    margin: 0 auto;
}
.bottom-container{
    width: 100%;
    height: auto;
    direction: ltr;
    margin-bottom: 1.5em;

}

.bottom-container:nth-child(2) .bottom-pic{ float: right;}
.bottom-container:nth-child(2) .bottom-content-dtl{ float: left; padding-right: 5%; padding-left:0%;
}


.bottom-pic{
    width:35% ;
    height: auto;
    float: left;
}
.bottom-pic img{ width: 100%;}
.bottom-content-dtl{
    width: 65%;
    height: auto;
    float: left;
    padding-left: 5%;
}
.bottom-content-dtl-title{
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 2.278em;
    font-family: 'Fira Sans';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    color: #ac5252;
}
.bottom-content-dtl p{
    width: 100%;
    height: auto;
    font-family: inherit;
    font-size: 1em;
    color: #333;
    line-height: 1.7;
    font-weight: normal;
    text-align: justify;
}



/************************************************** START CONTACT **************************************************/

.contact-bottom {
    width: 100%;
    height: auto;
   /* display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;*/
    margin-bottom: 100px;
    display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
  }

  .contact-bottom-container {
    width: 49%;
    height: auto;
    float: left;
    margin-right: 2%;
  }
  .contact-bottom-container:nth-child(2){ margin-right: 0%; padding-right: 5%; background: url(../images/enquiry-bg.png) no-repeat; background-size: 100% 100%; padding:2em;}

  .contact-enquiry-container {
    width: 100%;
    height: auto;
    padding: 2em 0em;
  }

  .enquiry-title {
    width: 100%;
    height: auto;
    text-align:left;
    color: rgba(255,255,255,0.4);
    font-size: 2em;
    font-family: 'Fira Sans';
font-weight: 600;
  }

  .address-enquiry{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:20px;
 }
 .address-enquiry-full{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:20px;
 }
 .address-enquiry-submit{
    width:100%;
    height:auto;
    margin-bottom:20px;
    display:flex;
    justify-content:center;
 }
 .address-enquiry:nth-child(2n+2){ margin-right:0%;}
 .contact-box-area {
    width: 100%;
    height:130px;
    line-height: 24px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    font-size: 1em;
    padding-top: 1em;
    font-family:inherit;
    background-color: rgba(255,255,255,0.3);
    padding:1em;
    border-radius: 10px;
 }
 
 .enquiry-box{
    width:100%;
    height:50px;
    line-height:50px;
    font-weight:normal;
    font-style:normal;
    color:#fff;
    font-size:1em;
    background-color: inherit;
    font-family:inherit;
    margin-bottom:0.5em;
    background-color: rgba(255,255,255,0.3);
    padding: 0px 1em;
    border-radius: 10px;
 }
 
 textarea.contact-box-area::-webkit-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 textarea.contact-box-area::-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 textarea.contact-box-area:-ms-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 textarea.contact-box-area:-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 
 input.enquiry-box::-webkit-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 input.enquiry-box::-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 input.enquiry-box:-ms-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 input.enquiry-box:-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
 }
 
 .contact-submit{
     color:#ac5252;
     outline:none;
     background:transparent;
     padding-left:50px;
     padding-right:50px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1em !important;
     font-weight: normal;
     text-align:center;
     margin-top:1em;
     border-radius: 10px;
     text-transform: uppercase;
 }
 .contact-submit:before, .contact-submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#ac5252;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
 }
 .contact-submit:before {
     background:#fff;
     z-index:-2;
     transform:translate3D(0,0,0);
 }
 .contact-submit:hover {
     color:#fff;
 }
 .contact-submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
 }
 .contact-enquiry-container{
    width: 60%;
    height: auto;
    margin: 0 auto;
 }


 .contact-wraper {
    width: 100%;
    height: auto;
    padding: 130px 0px;
    background: url(../images/contact-bg.jpg) no-repeat;
      background-size:100% 100%;
      padding-bottom:80px;
  }
  .contact-container{
    width: 32%;
    height: auto;
    background-color: transparent;
    padding: 80px 50px;
    float: left;
    box-shadow: -8px 0px 8px #ccc;
    border-radius: 10px;
    margin-right: 2%;
    margin-bottom: 1em;
  }
  .contact-container:nth-child(3){ margin-right: 0%;}

  .contact-container-title{
    width: 100%;
    height: auto;
    font-size: 1.5em;
    text-transform: uppercase;
    color:#0283a6 ;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-family: 'Fira Sans';
  }
  .contact-sub-container{
    width: 100%;
    height: auto;
    padding-bottom: 1em;
    padding-top: 1em;
  }
  .contact-sub-container-title{
    width: 100%;
    height: auto;
    text-align: left;
    color:#0283a6 ;
    font-size: 1.25em;
    font-family: 'Fira Sans';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    line-height: 1.7;
    margin-bottom: 0.25em;

  }

  .contact-sub-container p{
    width: 100%;
    height: auto;
    font-family: 'Fira Sans';
    font-size: 1em;
    color: #333;
    line-height: 1.7;
    font-weight: normal;
    text-align: left;
}



/****************************************** S ABOUT US ******************************************/
.inner-banner-wrap{
	width:100%;
	height:auto;
	position:relative;
	font-size:0.8em;
}
.inner-banner{
	width:100%;
	height:auto;
}
.inner-caption{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	margin:auto;
	display:flex;
	align-items: flex-end;
	font-size:0.85em;
	padding-bottom:5%;
}


.bredcum-wraper{
    width:100%;
    height:auto;
    padding-top:20px;
	z-index: 1;
    position: absolute;
}

.bredcum-container{
    width:100%;
    height:auto;
display:flex; justify-content: flex-start; align-items:center;
}
.bred-home{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-home a{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-home a:hover{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-arrow{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:0.65em;
    color:#555;
    line-height:30px;
    padding-left:5px;
    padding-right:5px;
}
.bred-next{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
   font-size:1em;
    color:#222;
    line-height:30px;
}

.service-main-container{
    width: 70%;
    height: auto;
    margin: 0 auto;
}
.service-main-container p {
    width: 100%;
    height: auto;
    font-family: inherit;
    font-size: 1em;
    color: #333;
    line-height: 1.7;
    font-weight: normal;
    text-align:center;
  }



.main-service-title{
    width: 100%;
    height: auto;
    text-align:  center;
    font-size: 1.333em;
    font-family: 'Fira Sans';
    font-weight: normal;
    font-style: italic;
    font-display: swap;

}
.main-service-title-bottom{
    width: 100%;
    height: auto;
    text-align:center;
    font-size:2.500em;
    font-family: 'Fira Sans';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    text-transform: uppercase;
    color: #037aa3;
    line-height: 1;

}
.services-main-wrap{
    width: 100%;
    height: auto;
    padding-top: 60px;
}


.service{
    width:32.66%;
    height:auto;
    float:left;
    margin-right:1%;
    position:relative;
    font-size:1.15em;
    margin-bottom: 1%;
   } 
   .service:nth-child(3n+3){ margin-right:0%;}
   .service:hover .category-caption{ display: none;}


   .certificate-wrap {
    width: 100%;
    height: auto;
   /* display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;*/
    margin-bottom: 100px;
display: flex;
justify-content: center;
padding-top: 1em;
  }

  .certification-wraper{
    width: 100%;
    height: auto;
    margin-top: 1em;
  }

  .certification {
    width: auto;
    height: auto;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 1em 1.5em;
      padding-bottom: 1em;
    padding-bottom: 2em;
    float: left;
    margin: 0em 1em;
  }
  .top-icon{color: #a2261e;}



@media (min-width: 1023px) and (max-width: 1279px) {
    body {
        font-size:12px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}

.welcome-container{ padding-top: 2em;}
.welcome-container p{ padding-right:4%;}
.welcome-container{padding-top: 3em;}
.banner-content{padding-bottom: 5em;}
.nav-menu > li > a{ font-size:1em !important;}
.navigation{height: 90px !important;}
.logo img{height: 60px;}
.poket-main-menu .prefix .navigation { height: 70px !important;}
.certification{ width:30%;}
.certification img{ width:100%;}



}
@media (min-width: 1280px) and (max-width: 1359px) {
    body {
        font-size:13px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}
.welcome-container{ padding-top: 2em;}
.welcome-container p{ padding-right:4%;}
.welcome-container{padding-top: 3em;}
.banner-content{padding-bottom: 5em;}
.nav-menu > li > a{ font-size:1em !important;}
.navigation{height: 90px !important;}
.logo img{height: 60px;}
.poket-main-menu .prefix .navigation { height: 70px !important;}



}
@media (min-width: 1360px) and (max-width: 1399px) {
    body {
        font-size:14px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}
.welcome-container p{ padding-right:4%;}
.welcome-container{padding-top: 3em;}

.banner-content{padding-bottom: 5em;}
.nav-menu > li > a{ font-size:1em !important;}
.navigation{height: 90px !important;}
.logo img{height: 60px;}
.poket-main-menu .prefix .navigation { height: 70px !important;}


}
@media (min-width: 1400px) and (max-width: 1441px) {
	 body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	
}
@media (min-width: 1441px) and (max-width: 1599px) {
	 body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	
}

@media (min-width:1600px) and (max-width:1680px) {
	 body {
        font-size:17px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	
}
@media (min-width:1681px){
	 body {
        font-size:18px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	.nav a {  margin: 0px 12px !important;}
}
@media (max-width:420px) {
    body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ width:100%; line-height:26px; text-align:center;}
	.designed{ width:100%; display:flex; justify-content:center;}
	.designed p{ line-height:26px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0283a6 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:100px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:39px; padding-top: 0px; }
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1.5em !important}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}

    .certificate-wrap{ display: inherit;}
    .certification{ max-width: 80%; margin: 0.5em auto; float: none;}
    .certification img{ max-width: 90%; margin: 0 auto;}
    .bottom-content-dtl{ width: 100%;}
    .service-wrap{ padding: 40px 0px;}
    .service-container-wrap{ display: inherit;}
    .service-caption{ width: 100%; font-size: 8px; margin-bottom: 0.5em;}
    .service-content{  width: 100%;}
    .service-container{ width: 49%;}
    .service-container:nth-child(2n+2){ margin-right: 0%;}
    .welcome-container{ position: inherit; padding-top: 3em;}
    .welcome-main-title{ color: #333;}
    .welcome-container p{ width: 100%; color: #333; padding-right: 0%;}
    .bottom-container-wrap{ width: 100%;}
    .bottom-pic{ display: none;}
    .bottom-content-dtl{ padding: 0px;}
    .bottom-wraper{ padding: 40px 0px; background: none;}
    .footer-content{ display: none;}
    .footer-content ul{ display: none;}
    .footer-content:nth-child(4){ display: flex; justify-content: center;}
    .footer-social-links ul{ display: block;}
    .footer-content .footer-content-title { display: none;}
    .footer-quick-contact{ display: flex; justify-content: center;}
    .footer-top-wraper{ padding: 10px 0px;}
    .footer-quick-contact{ margin-top: 0px;}
    .service{ width: 100%; margin-right: 0%;}
    .contact-bottom{ display: inherit;}
    .contact-container{ width: 100%; padding: 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .contact-wraper{ padding: 40px 0px; background: none;}
    .contact-bottom-container{ width: 100%; margin-right: 0%;}
    .contact-enquiry-container{ width: 100%; padding: 0px;}
    .poket-main-menu .prefix .nav-menu > li > a {color: #fff !important;      }
    .bredcum-wraper{ position: inherit;}
    .poket-main-menu .prefix .logo a.main_sticky_l{ margin-top: -5px !important;}
    .service-main-container{ width: 100%;}
    .service-container{ margin-bottom:0.5em;}
    .banner-content{ font-size: 6px;}
    .welcome-main-title{ font-size: 2.5em;}
    .welcome-top-title{ font-size: 1.85em;}
    .bottom-content-dtl-title{ font-size: 2em;}
    .top-icon{ color: #fff;}
	
	
	
	
	
    
}
@media (min-width:421px) and (max-width:460px){
    body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0283a6 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:100px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:39px; padding-top: 0px; }
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1.5em !important}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}

    .certificate-wrap{ display: inherit;}
    .certification{ max-width: 80%; margin: 0.5em auto; float: none;}
    .certification img{ max-width: 90%; margin: 0 auto;}
    .bottom-content-dtl{ width: 100%;}
    .service-wrap{ padding: 40px 0px;}
    .service-container-wrap{ display: inherit;}
    .service-caption{ width: 100%; font-size: 8px; margin-bottom: 0.5em;}
    .service-content{  width: 100%;}
    .service-container{ width: 49%;}
    .service-container:nth-child(2n+2){ margin-right: 0%;}
    .welcome-container{ position: inherit; padding-top: 3em;}
    .welcome-main-title{ color: #333;}
    .welcome-container p{ width: 100%; color: #333; padding-right: 0%;}
    .bottom-container-wrap{ width: 100%;}
    .bottom-pic{ display: none;}
    .bottom-content-dtl{ padding: 0px;}
    .bottom-wraper{ padding: 40px 0px; background: none;}
    .footer-content{ display: none;}
    .footer-content ul{ display: none;}
    .footer-content:nth-child(4){ display: flex; justify-content: center;}
    .footer-social-links ul{ display: block;}
    .footer-content .footer-content-title { display: none;}
    .footer-quick-contact{ display: flex; justify-content: center;}
    .footer-top-wraper{ padding: 10px 0px;}
    .footer-quick-contact{ margin-top: 0px;}
    .service{ width: 100%; margin-right: 0%;}
    .contact-bottom{ display: inherit;}
    .contact-container{ width: 100%; padding: 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .contact-wraper{ padding: 40px 0px; background: none;}
    .contact-bottom-container{ width: 100%; margin-right: 0%;}
    .contact-enquiry-container{ width: 100%; padding: 0px;}
    .poket-main-menu .prefix .nav-menu > li > a {color: #fff !important;      }
    .bredcum-wraper{ position: inherit;}
    .poket-main-menu .prefix .logo a.main_sticky_l{ margin-top: -5px !important;}
    .service-main-container{ width: 100%;}
    .service-container{ margin-bottom:0.5em;}
    .banner-content{ font-size: 6px;}
    .welcome-main-title{ font-size: 2.5em;}
    .welcome-top-title{ font-size: 1.85em;}
    .bottom-content-dtl-title{ font-size: 2em;}
    .top-icon{ color: #fff;}
	
	
    
}
@media (min-width:461px) and (max-width:560px){
   body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0283a6 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:100px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:39px; padding-top: 0px; }
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1.5em !important}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}

    .certificate-wrap{ display: inherit;}
    .certification{ max-width: 80%; margin: 0.5em auto; float: none;}
    .certification img{ max-width: 90%; margin: 0 auto;}
    .bottom-content-dtl{ width: 100%;}
    .service-wrap{ padding: 40px 0px;}
    .service-container-wrap{ display: inherit;}
    .service-caption{ width: 100%; font-size: 8px; margin-bottom: 0.5em;}
    .service-content{  width: 100%;}
    .service-container{ width: 49%;}
    .service-container:nth-child(2n+2){ margin-right: 0%;}
    .welcome-container{ position: inherit; padding-top: 3em;}
    .welcome-main-title{ color: #333;}
    .welcome-container p{ width: 100%; color: #333; padding-right: 0%;}
    .bottom-container-wrap{ width: 100%;}
    .bottom-pic{ display: none;}
    .bottom-content-dtl{ padding: 0px;}
    .bottom-wraper{ padding: 40px 0px; background: none;}
    .footer-content{ display: none;}
    .footer-content ul{ display: none;}
    .footer-content:nth-child(4){ display: flex; justify-content: center;}
    .footer-social-links ul{ display: block;}
    .footer-content .footer-content-title { display: none;}
    .footer-quick-contact{ display: flex; justify-content: center;}
    .footer-top-wraper{ padding: 10px 0px;}
    .footer-quick-contact{ margin-top: 0px;}
    .service{ width: 49.5%; margin-right: 1%;}
    .service:nth-child(3n+3){ margin-right: 1%;}
    .service:nth-child(2n+2){ margin-right: 0%;}
    .contact-bottom{ display: inherit;}
    .contact-container{ width: 100%; padding: 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .contact-wraper{ padding: 40px 0px; background: none;}
    .contact-bottom-container{ width: 100%; margin-right: 0%;}
    .contact-enquiry-container{ width: 100%; padding: 0px;}
    .poket-main-menu .prefix .nav-menu > li > a {color: #fff !important;      }
    .bredcum-wraper{ position: inherit;}
    .poket-main-menu .prefix .logo a.main_sticky_l{ margin-top: -5px !important;}
    .service-main-container{ width: 100%;}
    .service-container{ margin-bottom:0.5em;}
    .banner-content{ font-size: 6px;}
    .welcome-main-title{ font-size: 2.5em;}
    .welcome-top-title{ font-size: 1.85em;}
    .bottom-content-dtl-title{ font-size: 2em;}
    .top-icon{ color: #fff;}
	
	 
}
@media (min-width:561px) and (max-width:680px){
	 body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0283a6 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:100px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:39px; padding-top: 0px; }
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1.5em !important}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}

    .certificate-wrap{ display: inherit;}
    .certification{ width: 44%;}
    .certification img{ max-width: 90%; margin: 0 auto;}
    .bottom-content-dtl{ width: 100%;}
    .service-wrap{ padding: 40px 0px;}
    .service-container-wrap{ display: inherit;}
    .service-caption{ width: 100%; font-size: 8px; margin-bottom: 0.5em;}
    .service-content{  width: 100%;}
    .service-container{ width: 49%;}
    .service-container:nth-child(2n+2){ margin-right: 0%;}
    .welcome-container{ position: inherit; padding-top: 3em;}
    .welcome-main-title{ color: #333;}
    .welcome-container p{ width: 100%; color: #333; padding-right: 0%;}
    .bottom-container-wrap{ width: 100%;}
    .bottom-pic{ display: none;}
    .bottom-content-dtl{ padding: 0px;}
    .bottom-wraper{ padding: 40px 0px; background: none;}
    .footer-content{ display: none;}
    .footer-content ul{ display: none;}
    .footer-content:nth-child(4){ display: flex; justify-content: center;}
    .footer-social-links ul{ display: block;}
    .footer-content .footer-content-title { display: none;}
    .footer-quick-contact{ display: flex; justify-content: center;}
    .footer-top-wraper{ padding: 10px 0px;}
    .footer-quick-contact{ margin-top: 0px;}
    .service{ width: 49.5%; margin-right: 1%;}
    .service:nth-child(3n+3){ margin-right: 1%;}
    .service:nth-child(2n+2){ margin-right: 0%;}
    .contact-bottom{ display: inherit;}
    .contact-container{ width: 100%; padding: 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .contact-wraper{ padding: 40px 0px; background: none;}
    .contact-bottom-container{ width: 100%; margin-right: 0%;}
    .contact-enquiry-container{ width: 80%; padding: 0px;}
    .poket-main-menu .prefix .nav-menu > li > a {color: #fff !important;      }
    .bredcum-wraper{ position: inherit;}
    .poket-main-menu .prefix .logo a.main_sticky_l{ margin-top: -5px !important;}
    .service-main-container{ width: 100%;}
    .service-container{ margin-bottom:0.5em;}
    .banner-content{ font-size: 6px;}
    .welcome-main-title{ font-size: 2.5em;}
    .welcome-top-title{ font-size: 1.85em;}
    .bottom-content-dtl-title{ font-size: 2em;}
    .top-icon{ color: #fff;}
	
	 
}
@media (min-width:681px) and (max-width: 768px){
	
	  body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0283a6 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:100px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:39px; padding-top: 0px; }
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1.5em !important}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}

    .certificate-wrap{ display: inherit;}
    .certification{ width: 44%;}
    .certification img{ max-width: 90%; margin: 0 auto;}
    .bottom-content-dtl{ width: 100%;}
    .service-wrap{ padding: 40px 0px;}
    .service-container-wrap{ display: inherit;}
    .service-caption{ width: 100%; font-size: 8px; margin-bottom: 0.5em;}
    .service-content{  width: 100%;}
    .service-container{ width: 49%;}
    .service-container:nth-child(2n+2){ margin-right: 0%;}
    .welcome-container{ position: inherit; padding-top: 3em;}
    .welcome-main-title{ color: #333;}
    .welcome-container p{ width: 100%; color: #333; padding-right: 0%;}
    .bottom-container-wrap{ width: 100%;}
    .bottom-pic{ display: none;}
    .bottom-content-dtl{ padding: 0px;}
    .bottom-wraper{ padding: 40px 0px; background: none;}
    .footer-content{ display: none;}
    .footer-content ul{ display: none;}
    .footer-content:nth-child(4){ display: flex; justify-content: center;}
    .footer-social-links ul{ display: block;}
    .footer-content .footer-content-title { display: none;}
    .footer-quick-contact{ display: flex; justify-content: center;}
    .footer-top-wraper{ padding: 10px 0px;}
    .footer-quick-contact{ margin-top: 0px;}
    .service{ width: 49.5%; margin-right: 1%;}
    .service:nth-child(3n+3){ margin-right: 1%;}
    .service:nth-child(2n+2){ margin-right: 0%;}
    .contact-bottom{ display: inherit;}
    .contact-container{ width: 49%; padding: 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-right: 2%;}
    .contact-container:nth-child(3n+3){ margin-right: 2%;}

    .contact-container:nth-child(2n+2){ margin-right: 0%;}
    .contact-wraper{ padding: 40px 0px; background: none;}
    .contact-bottom-container{ width: 100%; margin-right: 0%;}
    .contact-enquiry-container{ width: 75%; padding: 0px;}
    .poket-main-menu .prefix .nav-menu > li > a {color: #fff !important;      }
    .bredcum-wraper{ position: inherit;}
    .poket-main-menu .prefix .logo a.main_sticky_l{ margin-top: -5px !important;}
    .service-main-container{ width: 100%;}
    .service-container{ margin-bottom:0.5em;}
    .banner-content{ font-size: 6px;}
    .welcome-main-title{ font-size: 2.5em;}
    .welcome-top-title{ font-size: 1.85em;}
    .bottom-content-dtl-title{ font-size: 2em;}
    .top-icon{ color: #fff;}
	
	
}
@media (min-width:769px) and (max-width:991px){
	 body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0283a6 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:100px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:39px; padding-top: 0px; }
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1.5em !important}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}

    .certificate-wrap{ display: inherit;}
    .certification{ width: 44%;}
    .certification img{ max-width: 90%; margin: 0 auto;}
    .bottom-content-dtl{ width: 100%;}
    .service-wrap{ padding: 40px 0px;}
    .service-container-wrap{ display: inherit;}
    .service-caption{ width: 100%; font-size: 8px; margin-bottom: 0.5em;}
    .service-content{  width: 100%;}
    .service-container{ width: 49%;}
    .service-container:nth-child(2n+2){ margin-right: 0%;}
    .welcome-container{ position: inherit; padding-top: 3em;}
    .welcome-main-title{ color: #333;}
    .welcome-container p{ width: 100%; color: #333; padding-right: 0%;}
    .bottom-container-wrap{ width: 100%;}
    .bottom-pic{ display: none;}
    .bottom-content-dtl{ padding: 0px;}
    .bottom-wraper{ padding: 40px 0px; background: none;}
    .footer-content{ display: none;}
    .footer-content ul{ display: none;}
    .footer-content:nth-child(4){ display: flex; justify-content: center;}
    .footer-social-links ul{ display: block;}
    .footer-content .footer-content-title { display: none;}
    .footer-quick-contact{ display: flex; justify-content: center;}
    .footer-top-wraper{ padding: 10px 0px;}
    .footer-quick-contact{ margin-top: 0px;}
    .service{ width: 49.5%; margin-right: 1%;}
    .service:nth-child(3n+3){ margin-right: 1%;}
    .service:nth-child(2n+2){ margin-right: 0%;}
    .contact-bottom{ display: inherit;}
    .contact-container{ width: 49%; padding: 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-right: 2%;}
    .contact-container:nth-child(3n+3){ margin-right: 2%;}

    .contact-container:nth-child(2n+2){ margin-right: 0%;}
    .contact-wraper{ padding: 40px 0px; background: none;}
    .contact-bottom-container{ width: 100%; margin-right: 0%;}
    .contact-enquiry-container{ width: 75%; padding: 0px;}
    .poket-main-menu .prefix .nav-menu > li > a {color: #fff !important;      }
    .bredcum-wraper{ position: inherit;}
    .poket-main-menu .prefix .logo a.main_sticky_l{ margin-top: -5px !important;}
    .service-main-container{ width: 100%;}
    .service-container{ margin-bottom:0.5em;}
    .banner-content{ font-size: 6px;}
    .welcome-main-title{ font-size: 2.5em;}
    .welcome-top-title{ font-size: 1.85em;}
    .bottom-content-dtl-title{ font-size: 2em;}
    .top-icon{ color: #fff;}
	
	
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
#fw_al_001{ max-height: none !important;}
#iframe{ height: 40vh;}
.contact-container{ width: 49%; padding: 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-right: 2%;}
    .contact-container:nth-child(3n+3){ margin-right: 2%;}

    .contact-container:nth-child(2n+2){ margin-right: 0%;}
}

@media (max-width:768px) { 
    #iframe{ height: 40vh;}
    .service-content{ padding-top: 1em;}
    .main-service-title-bottom{ font-size: 2em;}
}

@media (min-width:992px) and (max-width:1199px){
	.footer-social-links ul li{ width:45px !important}
    
}