*{}
button:focus, input:focus{outline:0;}
.mt-15{margin-top:15px;}
.mt-7{margin-top:7px;}
.clr{clear:both;}
img{max-width:100%;}

.container{padding-left:50px; padding-right:50px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right:7px; padding-left:7px;}
.row {margin-right: -7px; margin-left: -7px;}
.navbar {padding:0;}
.navbar-brand{width:100px;}
.navbar-brand img{width:100%; height: auto;}



.navbar-toggler{padding:0; position:relative; z-index:2;}
body{background:#e8e9ea; font-family: 'Roboto', sans-serif; font-size:14px; color:#333;}
header{margin-bottom:10px; position:relative; z-index:9999; background:#fff; box-shadow: 0 3px 4px -1px rgba(0,0,0,.1);}
/*header .container, footer .container{max-width:100%;}*/
header .item {padding:0 10px 0 15px;}
header .bt-menu {float: left; height: 60px; line-height:60px; color: #202121; cursor: pointer; overflow: hidden; font-size:0.8rem; letter-spacing:1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.ico-menu {position: relative; display: inline-block; width: 18px; height: 18px;}
header .bt-menu .ico-menu {top: -1px; vertical-align: middle;}
.ico-menu .bar {position: absolute; width: 100%; height: 3px; background-color: #202121; border-radius: 2px; overflow: hidden;}
.ico-menu .bar:nth-child(1) {top: 0;}
.ico-menu .bar:nth-child(2) {top: 6px;}
.ico-menu .bar:nth-child(3) {top: 12px;}
.ico-menu .bar:after {content: ''; display: block; width: 100%; height: 100%; background: #e23433; position: absolute; top: 0; left: 100%; z-index: 1;
    -webkit-transition: 0.6s; transition: 0.6s;}
.ico-menu .bar:nth-child(1):after {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
.ico-menu .bar:nth-child(2):after {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.ico-menu .bar:nth-child(3):after {-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
header .bt-menu:hover .ico-menu .bar:after {left: 0;}

.right_header{float:right; align-items:center;transition:all ease 0.5s; overflow:hidden; min-height:60px; margin-right:-15px; /*position:relative;*/ z-index:2;}
.search_icon{float:left; width:18px;height:20px; vertical-align:middle; padding:0; margin-top:20px;}
.prod_image_sec{height:501px; position:relative;}
.prod_image, .h_prod_image, .prod_page_image{background-size:cover; background-position:center center; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; transition:all 0.5s ease;}
.prod_image_sec.small{height:247px;}
.prod_image_sec.top{margin-bottom:7px;}
.prod_image_sec.bottom{margin-top:7px;}
.about_us{font-size:24px; line-height:36px; color:#000000; padding-right:15px !important; display:flex; align-content:center; flex-wrap:wrap;}
.about_us p{position:relative;font-size: 14px; line-height: 24px; color: #000; font-weight: 300; text-align: justify;}
/*.about_us p:before{content: ""; position: absolute; top: 17px; left: 0; right: 0; height: 1px; border-bottom: 2px solid #111; width: 50px;}*/
.about_us h2{font-weight: 600; color: #000; font-size: 30px; line-height: 36px; padding-left: 60px; position: relative;}
.about_us h2:before{content: ""; position: absolute; top: 17px; left: 0; right: 0; height: 1px; border-bottom: 2px solid #111; width: 50px;}
#more {display: none;}

footer{background:#fff; margin-top:20px;}
footer .container{padding-left:45px; padding-right:45px;}
.footer_contain{display:flex; justify-content:space-between; color:#000; font-size:12px; line-height:16px;border-top:1px dotted #000; padding:20px 0;}
.footer_social li{float:left; line-height:30px; text-align:center; list-style:none; margin-left:0; border-radius:50%; transition:all 0.3s ease; margin-left:15px;}
.footer_social li img{width:16px;}
footer a{color:#000;}
footer a:hover{color:#000;}

.main_btn{background-color: #e23433; font-weight: 400; color: #fff; text-transform: uppercase; min-width: 162px; text-align: center;
    border: 0; cursor: pointer; padding: 8px 20px; font-size: 14px; margin-top: 15px;box-shadow: none; border-radius: 30px; height: inherit;}
.search_open{position:absolute; z-index:1; right:110px; top:17px; width:170px; background:#fff; visibility: visible;overflow: hidden; text-align:center; border-color: #e33b3a; transition: 0.5s; opacity:0;}
.search_open.close_search{opacity:1; right:110px;}

.search_open form{display:inline-block; width:100%; max-width:900px; padding:0; position:relative;}
.search_open form input{padding:0 10px; border:0; border:1px solid #ccc; width:100%; background:none; font-size:14px; color:#000; font-weight:400; height:30px; line-height:30px; }

.search_open form input::-webkit-input-placeholder {color: #545454;}
.search_open form input::-moz-placeholder {color: #545454;}
.search_open form input:-ms-input-placeholder {color: #545454;}
.search_open form input:-moz-placeholder {color: #545454;}

.search_open form button{position:absolute; background:none; border:0; width:32px; right:0; top:0; padding:7px;}
.search_open form button svg{fill:#000000;}

.close-s, .search-submit {position: absolute; cursor: pointer;}
.close-s {opacity: 1; width: 35px; height: 35px; top: 22px; right: 28px; transform: translateX(7px); -webkit-transform: translateX(7px);}
.active-search .close-s, .active-search .s-f {transition: transform .6s ease,opacity .2s ease .2s;}
.active-search .close-s {opacity: 1;  transform: translateY(0); -webkit-transform: translateY(0); -webkit-transition: transform .6s ease,opacity .2s ease .2s; transition-delay: 1s; -webkit-transition-delay: 1s;}
.close-s:after, .close-s:before {content: ""; position: absolute; background: #fff; height: 35px; width: 1px;left: 20px;}
.close-s:after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.close-s:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

/*menn*/

.sidenav {position: absolute; z-index: 1; top:0; right:-7px; background-color:rgba(255,255,255,0.92); transition:all 0.5s ease; opacity:0; width:80%; pointer-events: none;}
.sidenav.close_nav{opacity:1; top:68px; pointer-events:all;}

.sidenav .closebtn {padding:0 8px; text-decoration: none; color: #000; float:left; transition: 0.3s; font-weight:300; position: absolute; top: 0; right:35px; font-size:35px; margin-left: 50px; line-height:57px;}
.sidenav .closebtn:hover{color: #e23433;}
.sidenav .search_icon {position: absolute; top:22px; right:80px; width:18px;}
.sidenav .navbar-brand{padding:0; margin:12px 40px 0 0;}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {transition: margin-right .5s;}

.menu_s{float:left; padding:20px 40px; width:100%;}
.menu_s ul{margin:0; padding:0; list-style:none; float:left; width:100%;}
.menu_s ul li{float:left; margin-left:110px;}
.menu_s ul li:first-child{margin-left:0;}
.menu_s ul li a{/*float:left;*/ font-size:16px; color:#000; text-transform:uppercase; font-weight:500; transition:all 1s ease; width:100%;}
.menu_s ul li a:hover {font-weight: 700;}
.menu_s ul li ul{ float:none;}
.menu_s ul li ul li{margin:0; float:none; padding:0;}
.menu_s ul li ul li a{color:#000000; text-transform:capitalize; font-size:14px; line-height:28px; font-weight:400; float:none; padding-right:10px;}
.menu_s ul li ul li a:hover{font-weight: 700;}

.abt_header{margin-bottom:0;}
.abt_header:after{display:none;}
.contact_map{width:100%;  margin-top:-40px;}
.contact_map iframe{width:100%; height:100%; margin-top:calc(-100vh - 186px)}
.contact_map .container{position:relative; min-height:calc(100vh - 186px);}
.contact_map_cont{position:absolute; left:0; top:30px; background:#000; padding:20px; width:230px; height:200px;}
.contact_map_cont.second{top:233px; background:rgba(0,0,0,0.35);}
.contact_map_cont h3{color:#FFF; font-size:24px; font-weight:300; text-transform:uppercase;}
.contact_map_cont p{color:#FFF; font-size:15px; font-weight:300; letter-spacing:1px;}
.mapmarker{height:calc(100vh - 167px) !important;} 
.cont_map footer{margin-top:0;}
.cont_map .footer_contain{border-top:0;}
.contact_cont{padding:15px 0 10px 0; border-top:1px solid #b9b9b9; background:#FFF; text-align:center;}
.contact_cont h3{font-size:26px; text-transform:uppercase; color:#000;}
.contact_cont p{color:#333; font-size:15px; letter-spacing:1px;}
.contact_cont .map{width:18px; height:auto; margin-right:5px;}
.pin{position:absolute; right:40%; top:30%; z-index:9999;}
.pin.blk{position:absolute; right:30%; top:70%; z-index:9999;}

.pro_list{background: #FFF; padding-top: 15px; padding-bottom: 15px; padding-right:15px;}
.pro_list h4{font-weight:600; color:#000; font-size:30px; line-height:36px; /*padding-left:60px;*/ position:relative; text-transform: capitalize;}
.pro_list h4:before{content: ""; position: absolute; top: 17px; left: 0; right: 0; height: 1px; /* border-bottom: 2px solid #111; */ width: 50px;}
.pro_list p{font-size:14px; line-height:24px; color: #000; font-weight:300; text-align: justify;}
.pro_img_detail .prod_image_sec{height:400px;}
.pro_img_detail .prod_image_sec.small{height:197px;}

.team_img .prod_image_sec.banner_image{height:500px; margin-bottom:7px;}
.team_img .prod_image_sec{height:230px;}
.team_img .prod_image_sec.small{height:230px;}

.team_banner{margin:0 0 15px 0; padding:0; display:inline-block; width:100%;}
.team_banner li{list-style:none; float:left; width:100%;}
.team_banner li img{width:100%; float:left;}

.team_banner .slick-dots{padding:0; position:absolute; left:0; bottom:20px; text-align:center; width:100%;}
.team_banner .slick-dots li{display:inline-block; width:auto; float:none; margin:0 3px;}
.team_banner .slick-dots li button{float:left; font-size:0; background:#FFF; width:12px; height:12px; border-radius:50%; border:0; padding:0;}
.team_banner .slick-dots li:hover button{background:#e23433; cursor:pointer;}
.team_banner .slick-dots li.slick-active button{background:#e23433;}

.client_list ul{float:left; width:100%; margin:55px 0 20px;}
.client_list li {list-style:none;}
.client_list li a{font-size:14px; line-height:30px; color:#000; float:left; font-weight: 300; width:100%;}
.client_list li a:hover{color:#000; font-weight: 700; text-decoration:none;}
.client_list li span{font-size:20px; color:#000; padding:0 0 5px 25px; position:relative;}
.client_list li span:before{content:""; position:absolute; left:0; top:11px; width:20px; height:2px; background:#e23433;}
.client_list li:first-child span{padding-top:0;}

.client_detail{position:fixed; height:calc(100vh - 70px); top:0; display:flex; align-items:center; transition:all 0.6s ease;}
.client_testimonial{padding: 40px; font-size:24px;  position:relative;}
.client_detail .client_logo{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.team_img .prod_image{overflow:hidden;}
.team_name{position: absolute; right:0; top:0; color: #fff; display: inline-block; padding:10px; text-align:right; font-size:14px; line-height:16px; letter-spacing:1px; transition:all 0.5s ease; opacity:0; text-transform:uppercase;}
.prod_image:hover .team_name{opacity:1;}
.team_name span{display:block; font-size:12px; text-transform:capitalize;}


.project_name{position: absolute; left:0; bottom:0; color: #000; display:block; padding:5px 10px 3px; text-align:left; font-size:16px; line-height:20px; letter-spacing:1px; transition:all 0.6s ease; background:rgba(201,201,201,0.8); text-align:center; width:100%; font-weight:500; opacity:0; text-transform: capitalize;}
.prod_image:hover .project_name{opacity:1;}
.project_name span{display:block; font-size:14px; font-weight:400;}

.foot_mid{text-align:right;}
#bg_video{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; opacity:0.3;}

.box-wrapper{margin:20px auto; width:100%; max-width:1140px; background:#fff; position:relative;}


.sub_ser_head{background:#dadada; padding:20px;}
.sub_ser_head h2{color:#000; font-size:20px; text-transform:uppercase; font-weight:400; opacity:1; transition:all 0.5s ease;}
.sub_ser{background:#eeeeee; color:#848484; padding:20px;}
.sub_ser h2{font-size:20px; text-transform:uppercase; font-weight:400; opacity:1; transition:all 0.5s ease;}
.sub_ser p{font-size:13px; line-height:16px; opacity:1; transition:all 0.5s ease;}

.sub_ser.big_h, .sub_ser_head.big_h{height:399px;}
.sub_ser.small_h{height:196px;}

.home_top_content{ padding-right:40px !important; padding-top:15px !important;}
.home_top_content p{text-align:justify; }
.home_top_content h2{font-size:20px; text-transform:uppercase; font-weight:400;}
.rowtop_mar {padding-top:7px;}
.teamtop_padd {padding-top:7px;}

ul.cli_mob_logo {display: none;}
ul.cli_mob_logo li {list-style: none;}
.contact_map .container {padding: 0;}


.port_mar {margin-top: 7px;}
.port_rowmar {margin-top: 7px;}
.mid_content {min-height: calc(100vh - 230px);}

/* 09-09-2021 */
.home_page {background-color:#fff;}
.home_page .box-wrapper{max-width: unset;margin: 0px 0px 20px;position: relative;}
.home_page .box-wrapper header{box-shadow: none;position: absolute;top: 0;left: 0;right: 0;width: 100%;background: transparent;max-width: 1140px;margin: 0 auto;}
.home_slider .carousel-caption{text-align: left;position: static;}
.home_slider .carousel-caption h2{color: #e23433;font-size: 64px;font-weight: 600;margin-bottom: 20px;height: 76px;overflow: hidden;}
.banner-text{display: flex;align-items: center;height: 100vh;}
.home_slider .banner-desc{max-width: 600px;background: rgb(0 0 0 / 60%);padding: 20px; width:400px;}
.home_slider .carousel-caption h5{font-size: 40px;}
.home_slider .carousel-caption h5 span{display:block}
a.home_btn{width: 205px;height: 56px; font-size: 20px;display: flex;border: 2px solid #fff;color: #fff;align-items: center;justify-content: center;margin-top: 40px;}
a.home_btn:hover{background-color:#e23433;border-color:#e23433;text-decoration:none;}
.home_slider .carousel-indicators li{width: 15px;height: 15px;border-radius: 50%;background-color: #fff;border: 2px solid #e23433;}
.home_slider .carousel-indicators li.active{background-color: #e23433;}
.home_slider .carousel-control-next, .home_slider .carousel-control-prev{width: 5%;opacity: 1;}
.home_about_content{text-align:center;padding: 80px 0px;}
.home_about_content h2{font-size: 40px;font-weight: 400;margin-bottom: 20px;color: #000;}
.home_about_content p{font-size: 20px;line-height: 36px;}
.home_about_content a.home_btn{margin: 30px auto 0;border-color: #000;color: #000;}
.our_services .home_about_content{padding:0;}
.home_about_content a.home_btn:hover{border-color: #e23433;color: #fff;}

.slider_product .slider-items{padding: 0px 4px;}
.inner-items{background-color:#eeeeee;text-align:left;padding: 30px;}
.inner-items h4{font-size: 24px;font-weight: 400;color: #848484;margin: 20px 0px;height: 56px;overflow: hidden;}
.inner-items h4 span{display:block;}
.inner-items p{font-size: 16px;line-height: 24px;color: #848484;font-weight: 300;padding-right: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden;margin-bottom: 0;height: 72px;}
.slider_product .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;width: 50px;height: 50px;border: none;font-size: 0;border-radius: 6px;cursor: pointer;}
.slider_product .slick-arrow.slick-prev {left:10px;background:#fff url(http://inspire.bt.dev.pogo-digital.co.uk/wp-content/uploads/2021/09/icon-6.png) no-repeat center center;opacity: 0.5;}
.slider_product .slick-arrow.slick-prev:hover{opacity: 1;}
.slider_product .slick-arrow.slick-next {right:10px;background:#fff url(http://inspire.bt.dev.pogo-digital.co.uk/wp-content/uploads/2021/09/icon-5.png) no-repeat center center;}

.small_h img,  .big_h img{height: 60px;margin-bottom:12px;}
.home_slider .carousel-item{background-size:cover;background-position: center center;}

.home_page header .navbar .navbar-brand{width: 150px;}
.home_page header .navbar .search_icon{width: 23px;}
.home_page header .navbar .ico-menu{width: 25px;height: 22px;}
.home_page header .bt-menu .ico-menu{top: 2px;}
.banner-desc h5, .banner-desc a{animation-duration: 2s;}
.home_page header .navbar .search_icon a svg{fill: #fff;}
.home_page header .bt-menu .ico-menu .bar{background-color: #fff;}

 .letter {
	 display: inline-block;
	 -webkit-transform: translate3d(0, 130px, 0);
	 -moz-transform: translate3d(0, 130px, 0);
	 -ms-transform: translate3d(0, 130px, 0);
	 transform: translate3d(0, 130px, 0);
	 letter-spacing:-13px;
}

.letter:nth-child(1) {
	 animation-delay: 1.1s;
	 -webkit-animation-delay: 1.1s;
}

 .letter:nth-child(2) {
	 animation-delay: 1.2s;
	 -webkit-animation-delay: 1.2s;
}

 .letter:nth-child(3) {
	 animation-delay: 1.3s;
	 -webkit-animation-delay: 1.3s;
}

 .letter:nth-child(4) {
	 animation-delay: 1.4s;
	 -webkit-animation-delay: 1.4s;
}

 .letter:nth-child(5) {
	 animation-delay: 1.5s;
	 -webkit-animation-delay: 1.5s;
}

 .letter:nth-child(6) {
	 animation-delay: 1.6s;
	 -webkit-animation-delay: 1.6s;
}

 .letter:nth-child(7) {
	 animation-delay: 1.7s;
	 -webkit-animation-delay: 1.7s;
}

 .letter:nth-child(8) {
	 animation-delay: 1.8s;
	 -webkit-animation-delay: 1.8s;
}

 .letter:nth-child(9) {
	 animation-delay: 1.9s;
	 -webkit-animation-delay: 1.9s;
}

 .letter:nth-child(10) {
	 animation-delay: 2s;
	 -webkit-animation-delay: 2s;
}
 .letter:nth-child(11) {
	 animation-delay: 2.1s;
	 -webkit-animation-delay: 2.1s;
}

 .letter:nth-child(12) {
	 animation-delay: 2.2s;
	 -webkit-animation-delay: 2.2s;
}

 .letter {
	 -webkit-animation: show 0.3s 4s 1 ease-out forwards;
	 -moz-animation: show 0.3s 4s 1 ease-out forwards;
	 -o-animation: show 0.3s 4s 1 ease-out forwards;
	 animation: show 0.3s 4s 1 ease-out forwards;
}

@keyframes show {
	 100% {
		 -webkit-transform: translate3d(0, 0px, 0);
		 -moz-transform: translate3d(0, 0px, 0);
		 -ms-transform: translate3d(0, 0px, 0);
		 transform: translate3d(0, 0px, 0);
	}
}

@-webkit-keyframes show {
	 100% {
		 -webkit-transform: translate3d(0, 0px, 0);
		 -moz-transform: translate3d(0, 0px, 0);
		 -ms-transform: translate3d(0, 0px, 0);
		 transform: translate3d(0, 0px, 0);
	}
}

.slider-items a:hover{text-decoration:none;}
.slider-items a:hover .inner-items h4{color: #000000;}
/* 09-09-2021 */

/* Responsive Start */
@media screen and (max-width: 1300px) {
       
.sidenav {padding-top: 18px;}
.sidenav a {padding: 8px 8px 15px 25px;font-size: 14px;}

}

@media screen and (max-width: 1200px) {
.box-wrapper {max-width: 960px;}
.prod_image_sec , .pro_img_detail .prod_image_sec {height: 350px;}
.prod_image_sec.small, .pro_img_detail .prod_image_sec.small {height: 172px;}
.about_us h2 , .pro_list h4{font-size: 24px; line-height: 24px;}
.menu_s ul li {margin-left: 30px;}

/* 09-09-2021 */
.inner-items p{padding-right:0;}
.sub_ser.small_h {height: 265px;}
.sub_ser.big_h, .sub_ser_head.big_h {height: 537px;}

}

@media screen and (max-width: 1150px) {       
.navbar-brand{width:100px;}
.navbar-brand img{width:100%;}
.sidenav a {padding: 8px 8px 8px 20px;
}

@media screen and (max-width: 1024px) {
.team_name {opacity: 1;}
}

@media screen and (max-width: 991px) {
.box-wrapper {max-width: 720px;}
.about_us h2:before, .pro_list h4:before{display:none;}
.about_us h2, .pro_list h4{font-size: 20px; line-height: 22px; padding-left: 0;}
.about_us p, .pro_list p{line-height: 20px;}
.menu_s {padding: 0;}
.menu_s ul li {margin-left: 0px;}
.sidenav {width:100% !important;}
.footer_contain {flex-wrap: wrap; justify-content: center; text-align: center; align-items: center; align-content: center;}
.footer_contain br {display: none;}
.foot_mid {margin:5px 0 5px 0; display: flex; justify-content: center; flex-wrap: wrap;}
.foot_mid a {margin:3px;}
.footer_social {width:100%; padding: 0; display: flex; justify-content: center;}
.footer_social li {margin:0 10px;}
.pro_list p {text-align: left;}
.sub_ser.big_h, .sub_ser_head.big_h {height: auto;}
.sub_ser_head.big_h h2 {margin-bottom:0;}

.sub_ser.small_h {height: auto;}
.sertop_padd {padding-top: 7px;}
.team_name {font-size: 13px;}
.team_name h6 {font-size: 13px;}
.client_list {display: none;}
.client_detail {display: none;}

ul.cli_mob_logo {display: block; padding:0; width:100%;}
ul.cli_mob_logo li {display: inline-block; padding: 10px; height: 50px;}
ul.cli_mob_logo li img {height: 100%; width:auto;}
.project_name {opacity: 1;}
.mid_content {min-height: calc(100vh - 300px);}

}

@media screen and (max-width: 767px) {
.box-wrapper {max-width: 540px;}
.mp-0{padding:0 !important;}
.prod_image_sec , .pro_img_detail .prod_image_sec{height: 280px;}
.prod_image_sec.small, .pro_img_detail .prod_image_sec.small{height: 280px;}

.sidenav{width:100%; right:0;}
.container, footer .container{padding-left:15px; padding-right:15px;}
.about_us {padding-right: 7px !important;}
.about_us p {text-align: left;}
.prod_image_sec {margin-top:7px;}
.rowtop_mar {padding-top:0px;}
.team_img .prod_image_sec {height: 310px;}
.teamtop_padd {padding-top: 0px;}
.port_mar {margin-top: 0;}
.prod_image_sec.top {margin-bottom: 0;}
.port_rowmar {margin-top: 0px;}
.mid_content {min-height: inherit;}

/* 09-09-2021 */
.home_slider .carousel-caption h5{font-size: 18px;}
a.home_btn{width: 105px;height: 36px;margin-top: 12px;font-size: 14px;}
.home_slider .carousel-item img{height: 250px;object-fit: cover;}
.home_about_content p {font-size: 14px;line-height: 24px;}
.home_about_content {padding: 30px 0px;}
.inner-items h4{font-size:18px;}
.inner-items h4 span{display:inline-block;}
.home_slider .carousel-caption h2 {font-size: 34px;margin-bottom: 10px;height: 36px;overflow: hidden;}
.letter{letter-spacing:-8px;}
.home_slider .banner-desc {max-width: 100%; width: 240px;}
}

@media screen and (max-width:575px){
.menu_s ul li {width:100%;}
.menu_s ul li a {padding: 5px;}
.menu_s ul li ul {padding-left: 10px;}
ul.cli_mob_logo li {width:100%; text-align: center;}
p {margin-bottom: 10px;}

.contact_map {margin-top: 0;}
.contact_map_cont {width:100%; position: static;}
#map2 {height: 300px !important;}
.box-wrapper h2 {font-size: 18px}
/* 09-09-2021 */
.home_about_content h2{font-size:22px;}
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}