/*
Theme Name: Misbah One Page Pro
Theme URI:https://www.misbahwp.com/products/one-page-wordpress-theme/
Description: The One Page WordPress Theme epitomizes elegance, functionality, and versatility, offering an exceptional platform to craft captivating single-page websites. Tailored for diverse purposes, from portfolios and creative showcases to business presentations and personal blogs, this theme stands as a pinnacle of modern web design. At its core, the One Page WordPress Theme is engineered for seamless user experience and effortless customization. With its intuitive interface and robust features, users can transform their vision into reality with minimal effort. The theme harnesses the power of WordPress’ Customizer, enabling real-time customization of colors, fonts, layouts, and other elements. This flexibility empowers users to create unique and visually stunning websites that reflect their brand identity and style.
Author: misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.1
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: misbah-one-page-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
  color: #060505;
  text-transform: capitalize;
  font-weight: 600;
}
.post-single span{
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: 'Raleway', sans-serif;
  color: #060505;
  margin:0;
  background: #fff;
}
h1,h2, h3, h4, h5, h6{
  font-family: 'Catamaran', sans-serif;
}
a {
  color:#000;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#48BCFF;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */


.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #000;
}
.page-404 h3{
	font-size: 38px;
	color: #48BCFF;
}
.page-404 hr{
	width: 10%;
	background: #000;
	padding: 1px;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #000;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #48BCFF;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #000;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#000;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}


/* ===============================================
   MENU BOX
   ============================================= */

   #site-navigation {
    display: inline-block;
  }
  #main-menu {
    display:block;
    position:relative;
    float:left;
    margin:0 auto;
    width:100%
  }
  #main-menu ul {
    margin:0;
    padding: 0;
    display:block;
    list-style: none;
  }
  #main-menu ul li {
    text-align:left;
    font-weight: 600;
  }
  #main-menu ul li a {
    display: block;
    z-index: 1;
    padding: 10px 0;
    font-size: 18px;
  }
  #main-menu ul.children ,
  #main-menu ul.sub-menu {
    opacity:0;
    position: absolute;
    left: -9999em;
    background: #28B4E9;
    z-index:10001;
    width:213px;
    padding-left:0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  #main-menu .menu ul li:not(.off-canvas):hover > ul.sub-menu,
  #main-menu .menu ul li:not(.off-canvas):focus > ul.sub-menu,
  #main-menu .menu ul li.is-focused:not(.off-canvas) > ul.sub-menu,
  #main-menu .menu ul li:not(.off-canvas)[focus-within] > ul.sub-menu,
  #main-menu .menu ul li:not(.off-canvas):focus-within > ul.sub-menu, 
  #main-menu .menu ul li:hover ul.children{
    opacity: 1 !important;
  }
  #main-menu .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
  #main-menu .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
  #main-menu .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
  #main-menu .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
  #main-menu .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
    left: 0;
    opacity: 1;
  }
  #main-menu .menu ul li:not(.off-canvas):hover > ul.children,
  #main-menu .menu ul li:not(.off-canvas):focus > ul.children,
  #main-menu .menu ul li.is-focused:not(.off-canvas) > ul.children,
  #main-menu .menu ul li:not(.off-canvas)[focus-within] > ul.children,
  #main-menu .menu ul li:not(.off-canvas):focus-within > ul.children, 
  #main-menu .menu ul li:hover ul.children{
    opacity: 1 !important;
  }
  #main-menu .menu .page_item_has_children:not(.off-canvas):hover > .children,
  #main-menu .menu .page_item_has_children:not(.off-canvas):focus > .children,
  #main-menu .menu .page_item_has_children.is-focused:not(.off-canvas) > .children,
  #main-menu .menu .page_item_has_children:not(.off-canvas)[focus-within] > .childrenm,
  #main-menu .menu .page_item_has_children:not(.off-canvas):focus-within > .children  {
    left: 0;
    opacity: 1;
  }
  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    text-decoration:none;
    text-align:left;
    display:block;
    padding:20px 15px;
    margin:0;
    border:none;
    line-height:inherit;
    color: #fff;
  }
  #main-menu ul.children li a:hover,
  #main-menu ul.sub-menu li a:hover{
    background: #fff;
    color: #28B4E9;
  }
  #main-menu ul.children li ul:before,
  #main-menu ul.sub-menu li ul:before,
  .menu-toggle,
  .dropdown-toggle,
  button.close-menu {
    display:none;
  }
  #main-menu li:hover > ul,
  #main-menu li:focus > ul,
  #main-menu li.focus > ul {
    opacity:1;
    left: 0;
  }
  #main-menu .menu ul li:focus ul.sub-menu{
    opacity: 1 !important;
  }
  #main-menu ul.children li ,
  #main-menu ul.sub-menu li {
    position:relative;
    margin:0;
    line-height:1.2em;
    text-transform:none;
    width:213px;
    min-height: inherit;
    margin:0;
  }
  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    text-decoration:none;
    text-align:left;
    display:block;
    padding:20px 15px;
    margin:0;
    border:none;
    line-height:inherit;
    color: #fff;
  }

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 24px;
  cursor: pointer;
	color: #000;
 
 }

 a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: -30%;
    left: 50%;
    background: #48BCFF;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    display: none;
 }
 .header-search .open-search-form i:hover{
 	color: #000;
 }
/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 10px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

 
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-top: 10px;
}
.post-content p{
	color: #000;
}
.post-meta i{
	color: #48BCFF;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
.latest-post .post-date, .latest-post .post-comments {
    color: #000;
    text-transform: capitalize;
  }
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
  overflow: hidden;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
 }

.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #48BCFF;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#48BCFF ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #48BCFF;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #48BCFF;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #000;
  font-weight: 700;
  font-size: 20px;
}
.latest-post h4 a:hover{
  color: #48BCFF;
}
.latest-post .post-content p{
  color: #060505;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-box{
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  background: #fff;
  border-radius: 10px;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}

 
.latest-post .far.fa-calendar-alt{
  color: #48BCFF;
}
.latest-post .far{
  color: #48BCFF;
  font-size: 18px;
}
.latest-post .comments{
 color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  background: #000000;
  color: #fff;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 500;
  overflow: hidden;
  display: inline-block;
}
.latest-post .read_more:hover{
  background: #48BCFF;
}

.latest-post .time{
  float: right;
}
.latest-post .admin a{
  text-transform: capitalize;
   
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #48BCFF;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #48BCFF;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #48BCFF;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
   background: #48BCFF;
  color: #f3f4f7;
  text-decoration: none;
}



/* ===============================================
   Pagination
   ============================================= */

.pagination,
.misbah-one-page-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.misbah-one-page-pro-pagination a span,
.misbah-one-page-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0,0,0,0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.misbah-one-page-pro-pagination span.current,
.misbah-one-page-pro-pagination span.current:hover,
.misbah-one-page-pro-pagination span.current:focus,
.misbah-one-page-pro-pagination a span:hover,
.misbah-one-page-pro-pagination a span:focus {
	background:#48BCFF;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#000;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #000;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#000;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,0.08));
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
.sidebar-area .sidebar-widget:hover{
  transform: translateY(-7px);
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockvideo_section,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
  text-transform: capitalize;
}
.sidebar-area a{
  font-weight: 600;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #000;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #48BCFF;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  background: #000;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #000;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}
.searchform input[type=submit]{
	background: #48BCFF;
	border: none;
	color: #fff;
	font-size:15px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#000;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
footer {
	background: #fff;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockvideo_section,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}


/* ===============================================
   SLIDING HEADER
   ============================================= */

   .page-template-frontpage .offcanvas-div button{
    color: #000;
  }
  .offcanvas-div button {
    background-color: transparent;
    color: #fff;
    border: none;
  }
  .offcanvas-div i.fas.fa-bars {
    font-size: 25px;
  }
  .offcanvas-div {
    justify-content: end;
  }
  .offcanvas-div .offcanvas-header .btn-close {
    padding: 5px 12px;
    opacity: 1;
    height: auto;
    width: auto;
  }
  .btn-close:hover{
    color: #fff !important;
  }
  .offcanvas-div .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 8px;
  }
  .admin-bar .offcanvas-div .offcanvas-header{
    margin-top: 32px !important;
  }
  .offcanvas-div .offcanvas-body {
    flex-grow: 1;
    padding: 35px;
  }
  .offcanvas-div .offcanvas-header .btn-close{
    background-color: #28B4E9;
    border-radius:0;
    padding: 16px;
    color: #fff;
  }
  .offcanvas{
    background: #e6f6fc;
  }
  .offcanvas-backdrop{
    background: transparent;
  }
  .offcanvas-start {
    width: 320px;
    height: 100vh;
  }
  
  .offcanvas-body::-webkit-scrollbar-track
  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
  }
  
  .offcanvas-body::-webkit-scrollbar
  {
    width: 6px;
    background-color: #F5F5F5;
  }
  
  .offcanvas-body::-webkit-scrollbar-thumb
  {
    background-color: #000000;
  }


  /* ===============================================
   HEADER BOX
   ============================================= */

.topheader{
  background: #28B4E9;
}
.page-template-frontpage .topheader {
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 99;
  margin: 15px 0;
}
.social-links i {
  background: #000;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  text-align: center;
  padding: 9px 0;
}
.social-links i:hover{
  background: #28B4E9;
}

/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #48BCFF;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background: #000;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #48BCFF;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}


/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #48BCFF transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}


a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 

/*Body*/ 

header#site-navigation.fix-sticky{
  background: #fff;
  box-shadow: 0px 4px 6px #00000029;
  
}

header#site-navigation.fix-sticky #main-menu ul li a{
  color: #000;
}

header#site-navigation.fix-sticky #main-menu a:hover,
header#site-navigation.fix-sticky #main-menu ul li a:hover,
header#site-navigation.fix-sticky #main-menu li:hover > a,
header#site-navigation.fix-sticky #main-menu a:focus,
header#site-navigation.fix-sticky #main-menu ul li a:focus,
header#site-navigation.fix-sticky #main-menu li.focus > a,
header#site-navigation.fix-sticky #main-menu li:focus > a,
header#site-navigation.fix-sticky #main-menu ul li.current-menu-item > a,
header#site-navigation.fix-sticky #main-menu ul li.current_page_item > a,
header#site-navigation.fix-sticky #main-menu ul li.current-menu-parent > a,
header#site-navigation.fix-sticky #main-menu ul li.current_page_ancestor > a,
header#site-navigation.fix-sticky #main-menu ul li.current-menu-ancestor > a {
  color: #fff;
}
 
.page-template-frontpage .header-menu{
  background: transparent;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 11;
}
.header-menu{
  background: #ffff;
  

}
 
.menu-header{
  position: relative;
}
.menu-header .last-div{
   position: absolute;
   right: 0;
   background: #48BCFF;
   border-radius: 0px 0px 0px 11px;
   top: 0;
   padding: 20px;
   bottom: 0;
}
.menu-header .last-div i{
  color: #fff;
  font-size: 20px;
}
 
 
 
/*SLIDER SECTION*/ 

 
 

#slider img{
  width: 100%;
}
 #slider .btn{
  background: #48BCFF;
  border-radius: 20px;
 } 

#slider .btn:hover{
  background: #000;
}


#slider {
  position: relative;
  background: #edf7fc;
}

#slider .blog_inner_box img{
  height: 700px;
  object-fit: cover;
}
#slider .blog_inner_box {
  position: relative;
}
#slider .blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40%;
  left: 5%;
  color: #000000;
}
#slider .blog_box h1 {
  font-size: 45px;
  color: #000000;
  word-wrap: break-word;
}
#slider .blog_box p {
  line-height: 28px;
  font-size: 15px;
  color: #858585;
  letter-spacing: 1px;
}

#slider  .btn-div{
  text-align: left;
   
}
#slider .slider-button{
  background: #28B4E9;
  padding: 15px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
	box-shadow: -8px 8px 18px 1px #28B4E973;
}
#slider .slider-button:hover{
	background: #000000;
}
#slider   .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
#slider button.owl-prev, #slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
	position: absolute;
}
#slider button.owl-prev i, #slider button.owl-next i {
  padding: 15px;
  border-radius: 50%;
  color: #fff;
  background: #28B4E9;
}
#slider button.owl-prev i:hover, #slider button.owl-next i:hover{
	background: #000000;
}
#slider button.owl-prev{
  left: 50px;
}
#slider button.owl-next{
	right: 50px;
}


#content .sec-padd{
  padding: 70px 0;
}
.page-template-frontpage  h3{
  font-size: 34px;
  line-height: 44px;
}

.page-template-frontpage  h5{
  font-size: 24px;
  text-transform: uppercase;
}
.page-template-frontpage p{
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
  
  font-weight: 500;
}

.page-template-frontpage .btn{
  background: #000;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-weight: 500;
  text-decoration: none;
}
.page-template-frontpage .btn:hover{
  background: #48BCFF;
  color: #fff;
}

/* ABout Us Section */
#about_us h5{
	color: #48BCFF;
	font-weight: 600;
  font-size: 24px;
  text-align: left;
}
#about_us h3{
	color: #000;
	font-weight: 600;
}  

#about_us .tab-content p, #about_us .btn-div, #about_us h3, #about_us p.content {
  text-align: left;
}

#about_us figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#about_us figure:hover+span{
  opacity: 1;
}
#about_us img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#about_us img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#about_us .div1{
  position: relative;
}
#about_us .year-box{
  text-align: left;
  position: absolute;
  top: 15px;
  right: 0;
  display: flex;
  align-items: center;
  width: 200px;
}
#about_us .year-box h4{
  font-size: 74px;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0.9;
}
#about_us .year-box h6{
	color: #000;
  font-size: 22px;
  margin-bottom: 0;
}
#about_us .info-div{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#about_us .info-div h4{
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
}
#about_us .info-div .img-box{
  width: 58px;
  height: 58px;
}
#about_us .info-div img{
  width: 100%;
}
#about_us .div2 .nav-tabs .nav-link {
  border: 0;
  border-radius: 0;
  color: #000;
  width: 100%;
  background: transparent;
  outline: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 50px;
  font-weight: 500;
  cursor: pointer;
}


#about_ust .div2 .nav-tabs .nav-link.active, #about_ust .div2 .nav-tabs .nav-item.show .nav-link{
  color: #48BCFF !important;
  font-weight: 600;
  border:0;
  background: transparent;
  outline: none;
  box-shadow: none;
}
#about_us .div2 .nav-tabs .nav-link:hover,
#about_us .div2 .nav-tabs .nav-link:focus {
    color: #48BCFF;
    font-weight: 600;

}
#about_us .div2 .nav-tabs{
  border-bottom: 0;
}
#about_us .cust-count h5{
  color: #000;
}
#about_us .cust-count{
  box-shadow: 0px 5px 9px #00000029;
  background: #fff;
  border-radius: 17px;
  padding: 20px;
  text-align: left;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
#about_us .cust-count .img-grp{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#about_us .cust-count img{
  width: 70px;
  border: 5px solid #fff;
  border-radius: 50%;
  margin-left: -15px;
}
#about_us .cust-no{
  background: #48BCFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  font-size: 20px;
  font-weight: 500;
  margin-left: -15px;
  z-index: 1;
}




/* Services Section*/

#services{
  position: relative;
  margin-bottom: 50px;
}
#services h3{
  color: #48BCFF;
}
#services h4{
  color: #000;
  font-weight: 600;
  font-size: 20px;
}
#services .services-box p{
  margin-bottom: 10px;
}
#services .services-box{
  background: #fff;
  box-shadow: 0px 1px 5px #00000029;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
#services .services-box:hover{
  transform: translateY(-7px);
}
#services .services-box:last-child{
  margin-bottom: 0;
}
#services .icon-box{
  background: #000;
  width: 20%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: #fff;
  box-shadow: 0px 3px 7px #000000BA;
}

#services .icon-box:hover{
  background: #48BCFF;
  color: #fff;
}
#services .dashicons{
  font-size: 30px;
  display: inline-table;
}
#services .services-box{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#services .services-cnt{
  margin-left: 20px;
}
#services .know-more{
  font-weight: 600;
  color: #48BCFF;
}
#services .know-more:hover{
  color: #000;
}

#services .big-text{
  font-size: 100px;
  font-weight: 900;
  text-transform: uppercase;
  color: #0000000a;
  position: absolute;
  left: 0;
  bottom: 50px;
  font-family: 'Raleway', sans-serif;
}
#services .bg-color .row{
 z-index: 1;
 position: relative;
}
#services .bg-color::after{
  content: "";
  background: #48BCFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 30%;
  border-radius: 40px 0 0 40px;
}

/*Our Projects*/

#projects_div {
  background-position: top !important;
  background-size: auto !important;
}
#projects_div h5{
  color: #fff;
}
#projects_div h3{
  color: #48BCFF;
  font-weight: 600;
}
#projects_div .project-box img{
  width: 100%;
  height: auto;
}
#projects_div .project-box{
  position: relative;
}

#projects_div  .box-content{
  padding: 10px 20px;
  background: #fff;
  text-align: center;
}
#projects_div .box-content .catname{
  color: #48BCFF;
}
#projects_div .project-box a h4{
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
#projects_div .project-box :hover a h4{
  color: #48BCFF;
}
#projects_div .owl-carousel{
  background: #ffff;
  padding: 20px;
  border-radius: 30px;
}
#projects_div figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-image: linear-gradient(90deg, #073763 0%, #00abe9 100%);
  border-radius: 10px;
}
#projects_div figure:hover+span{
  opacity: 1;
}
#projects_div img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#projects_div .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
  border-radius: 10px;
}
#projects_div .owl-nav {
  position: absolute;
  top: 10%;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
#projects_div button.owl-prev, #projects_div button.owl-next{
  background: #fff;
  width: 40px;
  height: 40px;
  border: 0;
  outline: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
}
#projects_div button.owl-prev{
  left: -60px;
  position: relative;
}
#projects_div button.owl-next{
  right: -60px;
  position: relative;
}
#projects_div button.owl-prev:hover, #projects_div button.owl-next:hover{
  background: #48BCFF;
  color: #FFF;
}

#projects_div .active:nth-child(odd) .project-box{
  display: flex;
  flex-direction: column-reverse;
}
 


/*Why Choose Use Section*/

#why_choose_use h5{
  color: #000;
}
#why_choose_use h3{
  font-weight: 600;
  color: #48BCFF;
}
#why_choose_use h4{
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
#why_choose_use .work_box{
  background: #fff;
  box-shadow: 0px 1px 5px #00000029;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
#why_choose_use .work_box:hover{
  transform: translateY(-7px);
}
#why_choose_use .work_box:last-child{
  margin-bottom: 0;
}
#why_choose_use .icon-box{
  background: #000;
  width: 35%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: #fff;
  box-shadow: 0px 3px 7px #000000BA;
}

#why_choose_use .icon-box:hover{
  background: #48BCFF;
  color: #fff;
}
#why_choose_use .dashicons{
  font-size: 30px;
  display: inline-table;
}
#why_choose_use .work_box{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#why_choose_use .work_cnt{
  margin-left: 20px;
  text-align: left;
}
#why_choose_use figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: -70px;
}
#why_choose_use figure:hover+span{
  opacity: 1;
}
#why_choose_use img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#why_choose_use img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*video_sections Section*/

#video_section h5{
  color: #000;
   
}
#video_section h3{
  color: #48BCFF;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
} 
#video_section .image-box{
  position: relative;
  margin-bottom: 30px;
}
#video_section .image-box img{
  width: 100%;
}
#video_section p{
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #FFF;
  font-size: 14px;
  font-weight: 300;
  right: 10px;
}
#video_section .image-height figure{
  height: 440px;
  margin-top: 100px;
}
#video_section .image-height img{
  height: 100%;
}
#video_section figure{
  padding: 0;
  overflow: hidden;
  background: #000;
  border-radius: 14px;
}
#video_section figure:hover+span{
  opacity: 1;
}
#video_section img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  opacity: 0.8;
  border-radius: 14px;
}

#video_section img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 14px;
}
#video_section .video-section{
  position: absolute;
  right: 20px;
  top: 10px;
}
#video_section .circle{
  font-size: 35px;
  color: #fff;
}
#video_section a.open-video, #video_section a.open-video2, 
#video_section a.open-video3, #video_section a.open-video4 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height:50px;
  background: #ffffff75;
  border-radius: 50%;
  color:#ffff ;
  backdrop-filter: blur(15px);

  border: 1px solid #3D3C3C;
}
#video_section a.open-video:hover{
  color: #fff;
}
#video_section .video-section .misbah-one-page-pro-blog, 
#video_section .video-section .misbah-one-page-pro-blog-new,
#video_section .video-section .misbah-one-page-pro-blog-new2, 
#video_section .video-section .misbah-one-page-pro-blog-new3{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
  transition-property: all , transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
#video_section .video-section .misbah-one-page-pro-blog .is-open ,
#video_section .video-section .misbah-one-page-pro-blog-new .is-open, 
#video_section .video-section .misbah-one-page-pro-blog-new2 .is-open ,
#video_section .video-section .misbah-one-page-pro-blog-new3 .is-open {
  right:0;
  height:100%;
  visibility: visible;
  top: 0;
}
#video_section .video-section  .misbah-one-page-pro-blog .is-open section, 
#video_section .video-section  .misbah-one-page-pro-blog-new .is-open section, 
#video_section .video-section  .misbah-one-page-pro-blog-new2 .is-open section, 
#video_section .video-section  .misbah-one-page-pro-blog-new3 .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#video_section .video-section .misbah-one-page-pro-blog a.close-video, 
#video_section .video-section .misbah-one-page-pro-blog-new a.close-video, 
#video_section .video-section .misbah-one-page-pro-blog-new2 a.close-video, 
#video_section .video-section .misbah-one-page-pro-blog-new3 a.close-video{
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#video_section .video-section .misbah-one-page-pro-blog i.videoblog-close-button, 
#video_section .video-section .misbah-one-page-pro-blog-new i.videoblog-close-button, 
#video_section .video-section .misbah-one-page-pro-blog-new2 i.videoblog-close-button,
 #video_section .video-section .misbah-one-page-pro-blog-new3 i.videoblog-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#video_section .video-section .misbah-one-page-pro-blog .is-open i.videoblog-close-button, 
#video_section .video-section .misbah-one-page-pro-blog-new .is-open i.videoblog-close-button, 
#video_section .video-section .misbah-one-page-pro-blog-new2 .is-open i.videoblog-close-button, 
#video_section .video-section .misbah-one-page-pro-blog-new3 .is-open i.videoblog-close-button{
  opacity:1;
  position: relative;
  bottom: 35px;
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;

}
#video_section .video-section .misbah-one-page-pro-blog.is-open i.videoblog-close-button:hover, 
#video_section .video-section .misbah-one-page-pro-blog-new.is-open i.videoblog-close-button:hover, 
#video_section .video-section .misbah-one-page-pro-blog-new2.is-open i.videoblog-close-button:hover, 
#video_section .video-section .misbah-one-page-pro-blog-new3.is-open i.videoblog-close-button:hover  {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#video_section .circle-bg{
  position: relative;
  /* z-index: 1; */
}

 

/*Our Team Section*/

#our_team{
  position: relative;
}
#our_team::after{
  content: "";
  position: absolute;
  inset: 0;
  height: 300px;
  margin: auto;
}
#our_team h5{
  color: #000;
}
#our_team h3{
  color: #fff;
  font-weight: 600;
  font-size: 30px;
}
#our_team .box{
  box-shadow: 0px 1px 20px #00000029;
  border-radius: 20px;
  padding: 20px;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
#our_team h4{
  color: #1c1c2f;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 15px;
}
#our_team h6{
  color: #48BCFF;
}
#our_team figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius:10px;
}
#our_team figure:hover+span{
  opacity: 1;
}
#our_team img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
 
}
#our_team .box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius:10px;
}
#our_team  .content-box{
  position: relative;
  z-index: 1;
}

#our_team .owl-nav {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
}
#our_team button.owl-prev, #our_team button.owl-next{
  background: #fff;
  width: 40px;
  height: 40px;
  border: 0;
  outline: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
}
#our_team button.owl-prev{
  left: 60px;
  position: relative;
  margin-top: 10px;
}
#our_team button.owl-next{
  right: -60px;
  position: relative;
}
#our_team button.owl-prev:hover, #our_team button.owl-next:hover{
  background: #000;
  color: #FFF;
}

/*Latest News SECTION*/


#video_section h5{
  color: #000;
   
}
#latest_news h3{
  color: #48BCFF;
  font-weight: 600;
}
#latest_news figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  align-self: center;
  justify-content: center;
}
#latest_news figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 10px;
  height: 100%;
}
#latest_news .post-image:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 10px;
}
#latest_news figure:hover+span{
  opacity: 1;
  border-radius: 10px;
}
#latest_news .far{
  color: #48BCFF;
}
#latest_news .comments{
  text-transform: capitalize;
}

#latest_news .innercontent{
  background: #fff;
  border-radius: 20px;
  padding: 15px;
  box-shadow: 0px 0px 10px #00000021;
}
#latest_news .content-box{
  padding: 20px 0 10px;
}
#latest_news h4{
  margin: 10px 0;
}
#latest_news h4 a{
  color: #000000;
  font-weight: 600;
  font-size: 20px;
}
#latest_news h4 a:hover{
  color: #48BCFF;
}
#latest_news .button{
  background: #000000;
  color: #fff;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 500;
  overflow: hidden;
  display: inline-block;
}
#latest_news .button:hover{
  background: #48BCFF;
}
.content_box span{
  font-size: 14px;
  text-transform: capitalize;
}
#latest_news .side-space{
  margin: 0 -40px;
}
#latest_news span.admin img{
  border-radius: 50%;
  margin-right: 10px;
}
#latest_news span.admin, #latest_news span.comments{
  text-transform: capitalize;
}
#latest_news .latest-left-sec{
  text-align: left;
}




/* Counter Section */
#counter .counter-box{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#counter .counter_value{
  margin-left: 20px;
}
#counter .img-box{
  width: 40px;
  height: 40px;
}
#counter .img-box img{
  width: 100%;
}
#counter .count{
  font-size: 24px;
  color: #000000;
  font-weight: 600;
}
#counter h6{
  font-weight: 400;
}



/*Newsletter*/


#newsletter .newsletter_box{
  border-radius: 20px;
  padding: 50px 50px;
}

#newsletter .newsletter_box_data{
  text-align: left;
}
 
#newsletter h3{
  color: #000000;
  font-weight: 600;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
  background: #fff;
  padding: 20px 30px;
  border: none;
  outline: none;
  width: 100%;
  color: #000;
  border-radius: 40px;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
  color: #000;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #48BCFF;
  padding: 15px 20px;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  width: 160px;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all .3s ease-out;
  text-transform: uppercase;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
 background: #000;
  color: #fff;
}
 
 
#newsletter figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
}
#newsletter figure:hover+span{
  opacity: 1;
}
#newsletter img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin-top: -220px;
  margin-bottom: -50px;
}
#newsletter img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#newsletter .wpcf7 form.failed .wpcf7-response-output, 
#newsletter .wpcf7 form.aborted .wpcf7-response-output{
  border-color: #fff;
  padding: 10px;
  color: #fff;
}
#newsletter  form.wpcf7-form.init p{
  position: relative;
}

/* TESTIMONIALS Section */


#testimonials h5{
  color: #000000;
  
}
#testimonials h3{
  color: #48BCFF;
  font-weight: 600;
}
#testimonials .testimonials-box{
  background: #fff;
  box-shadow: 0px 1px 9px #00000024;
  border-radius: 15px;
  padding: 30px 20px;
  margin: 50px 10px 30px;
  position: relative;
}
#testimonials h4{
  font-size: 20px;
  font-weight: 600;
}
#testimonials .testimonials-head{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#testimonials .testimonials_name{
  margin-left: 15px;
  text-align: left;
}
#testimonials p{
  margin-bottom: 0;
  text-align: left;
}
#testimonials .dashicons{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  position: absolute;
  right: 50px;
  top: -26px;
  border-radius: 40px;
  background: #48BCFF;
}

#testimonials .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
#testimonials button.owl-prev, #testimonials button.owl-next{
  background: #000000;
  width: 40px;
  height: 40px;
  border: 0;
  outline: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
  margin-right: 20px;
  color: #FFF;
}
#testimonials button.owl-prev{
  
  position: relative;
}
#testimonials button.owl-next{

  position: relative;
}
#testimonials button.owl-prev:hover, #testimonials button.owl-next:hover{
  background: #48BCFF;
  color: #FFF;
}


#testimonials span.star:before{
  color: #ECD123;
}
#testimonials span.star:after{
  color: #dddad7;
}

#testimonials span.star:before,
#testimonials span.star:after {
  font-size: 22px;
}
#testimonials span.star[data-rating="1"]:before,
#testimonials span.star[data-rating="4"]:after {
  content: "★";
}
#testimonials span.star[data-rating="2"]:before,
#testimonials span.star[data-rating="3"]:after {
  content: "★★";
}
#testimonials span.star[data-rating="3"]:before,
#testimonials span.star[data-rating="2"]:after {
  content: "★★★";
}
#testimonials span.star[data-rating="4"]:before,
#testimonials span.star[data-rating="1"]:after {
  content: "★★★★";
}
#testimonials span.star[data-rating="5"]:before,
#testimonials span.star[data-rating="0"]:after {
  content: "★★★★★";
}

#testimonials .testimonials_name h6{
  margin-bottom: 0;
}
#testimonials .img-box{
  width: 80px;
  height: 80px;
}

/* Get In Touch Section */

#appointment h3{
  font-weight: 600;
}
#appointment .appointment-div{
  box-shadow: 0px 3px 16px #00000029;
  border-radius: 20px;
  padding: 50px 20px;
}

#appointment img{
  width: 100%;
  position: relative;
  z-index: 1;
}
#appointment .img-sec{
  position: relative;
}
#appointment .img-sec::after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: #48BCFF;
  border-radius: 160px 160px 20px 20px;
  height: 85%;
}
#appointment figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
}
#appointment figure:hover+span{
  opacity: 1;
}
#appointment img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#appointment img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#appointment input.wpcf7-form-control.wpcf7-text{
  border: 0;
  border-bottom: 1px solid #00000029;
  width: 100%;
  background: transparent;
  margin-bottom: 50px;
  outline: none;
  box-shadow: none;
}
#appointment  textarea.wpcf7-form-control.wpcf7-textarea{
  border: 0;
  border-bottom: 1px solid #00000029;
  width: 100%;
  background: transparent;
  margin-bottom: 50px;
  height: 40px;
  outline: none;
  box-shadow: none;
}
#appointment label{
  margin-bottom: 0;
}
#appointment input.wpcf7-form-control.wpcf7-submit.has-spinner{
  border: 0;
  background: #48BCFF;
  padding: 10px 20px;
  color: #fff;
  outline: none;
  box-shadow: none;
  border-radius: 10px;
}
#appointment input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  background: #000000;
}
#appointment .form{
  margin-top: 30px;
}
#appointment .form br{
  display: none;
}



/*Footer Section*/


 
.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #a4a0bc;
  font-weight: 500;
}
.footer-area li::marker {
    color: #48BCFF;
}
.footer-area h2{
  color: #fff;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
}
.footer-area h4.title{
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  padding-left: 10px;
}
.footer-area  .fab{
  margin-right: 20px;
  color: #000;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  width: 40px;
  height: 40px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.footer-area .fas, .footer-area .far{
  color: #fff;
  margin-right: 10px;
}
.footer-area .fab:hover{
  background: #48BCFF;
  color: #fff;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #48BCFF;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #a4a0bc;
  list-style: none;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #48BCFF;
}
.footer-area{
  padding: 50px 20px 30px;
}
.copyright-box{
  background: #48BCFF;
  border-radius: 10px;
  margin-top: 30px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-area .footer-menu ul{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  flex-flow: wrap;
}
.footer-area .footer-menu ul li{
  margin: 0;
  margin-left: 20px;
}
.footer-area .footer-menu ul li a:hover, .footer-area .footer-menu ul li a:active, .footer-area .footer-menu ul li a:focus{
  color: #000;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #48BCFF;
}
.copyright a:hover{
  color: #000;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}
.custom-h6{
  font-size: 18px !important;
}
.footer-area .textwidget img{
  width: 100%;
}
.footer a:hover{
  color: #000;
}
.container.text-center.copyright-box a:hover {
    color: #000;
}
/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  line-height: 42px;
  color: #fff;
  font-weight: 600;
}
#contact p{
  color: #000;
}
#contact .contact-text{
  color: #fff;
}
#contact .icon1{
  background: #fff;
  color: #000;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}
#contact .icon1:hover{
  transform: rotate(360deg);
  color: #fff;
  background: #48BCFF;
}
#contact .contact-enquiry{
  background: #fff;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 225px;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 15px 20px;
  background: transparent;
  border: 1px solid #fff ;
  margin: 10px;
  outline: none;
  width: 46%;
  color: #fff;
  border-radius: 30px;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #fff ;
  outline: none;
  color: #fff;
  border-radius: 10px;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
  color: #fff;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #48BCFF;
  border: none;
  border-radius: 6px;
  transition: all .3s ease-out;
}
 
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #48BCFF;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .icon2{
  font-size: 50px;
  color: #000;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .icon2{
  transform: rotate(360deg);
  color: #48BCFF;
}
#contact h6{
  color: #000;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact h5{
  color: #48BCFF;
  text-transform: capitalize;
  font-size:32px;
  font-weight: 700;
}
#contact h3{
  color: #000;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 600;
}
.contact-form{
  filter: drop-shadow(0px 19px 25.5px rgba(0,0,0,0.18));
  background: #031e35;
}

.latest-post span.admin img {
  border-radius: 50%;
  margin-right: 10px;
}

.our_projects_inner_page .project-box{
  background: #eee;
  border-radius: 10px;
  margin-bottom: 20px;
}
#our_projects_inner .project-box .box-content{
  background: transparent ;
  padding: 10px 20px;
  text-align: center;
}
 
#our_projects_inner .box-content .catname {
  color: #48BCFF;
}
 
#our_projects_inner figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-image: linear-gradient(90deg, #073763 0%, #00abe9 100%);
  border-radius: 10px;
}
#our_projects_inner figure:hover+span{
  opacity: 1;
}
#our_projects_inner img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#our_projects_inner .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
  border-radius: 10px;
}
 
h2.wp-block-heading, .wp-block-search__label{
  padding: 10px 10px;
  background: #000;
  color: #fff;
  border-bottom: 5px solid #48BCFF;
  font-size: 24px;
}

.footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
  padding: 0;
  background: transparent;
  color: #fff;
  border: 0;
  font-size: 24px;
}
.wp-block-latest-posts.wp-block-latest-posts__list{
  padding-left: 10px;
}
ol.wp-block-latest-comments{
  padding: 0;
}
ol.wp-block-latest-comments .footer{
  float: unset;
}

.container-cnt p{
  margin-bottom: 0;
  color: #fff;
}
/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .page-template-frontpage #main-menu ul li a{
    color: #000;
    font-size: 16px;
  }
  
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 120px;
  }
  .summary.entry-summary{
    text-align: center;
  }
  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img{
    padding: 0 5px;
  }
  section.related.products{
    padding: 0 5px;
  }
  .woocommerce ul.products[class*=columns-] li.product, 
  .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }

  .menu-header .last-div {
    padding: 10px;
  }
  .page-template-frontpage .header-menu{
    position: relative;
  }
   
  #slider .blog_box{
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    transform: none;
    text-align: center;
    padding-bottom: 40px;
  }
  #slider .btn-div{
    text-align: center;
  }
  #slider .blog_box h1{
    font-size: 26px;
  }

   
   

  .page-template-frontpage  h3{
   font-size: 28px;
   line-height: 40px;
  }
   
   
  #newsletter .newsletter_box{
    padding: 20px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 20px;
    width: 100%;
    font-size: 14px;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    padding: 10px 20px;
  }
   
  #newsletter .wpcf7-spinner{
    display: block;
  }
   .page-template-frontpage .footer-area .footer{
    margin-top: 0;
  }
  .footer-area ul{
    padding: 0 10px;
  }
  #contact .dashicons{
  	margin: 20px 0;
    display: inline;
  }
  #contact hr {
   width: 30%;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }
	.woocommerce-page div.product div.summary{
	 	padding: 15px;
	} 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .comments{
    font-size: 16px;
  }
  .latest-post .date-meta{
    font-size: 14px;
  }
   
  .page-template-frontpage .footer{
    margin-top: 40px;
  }

  #projects_div .owl-nav, #our_team .owl-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: unset;
  }
  #projects_div .owl-nav{
    margin-top: 30px;
  }
  #services .big-text{
    font-size: 54px;
    text-align: center;
  }
  #about_us h5{
    text-align: center !important;
  }
  #about_us .tab-content p, #about_us .btn-div, #latest_news .latest-left-sec, #newsletter .newsletter_box_data, #about_us h3, #about_us .content{
    text-align: center !important;
  }
  #projects_div button.owl-next{
    right: 0;
  }
  #projects_div button.owl-prev{
    left: 0;
  }
  #projects_div button.owl-prev, #projects_div button.owl-next, 
  #our_team button.owl-prev, #our_team button.owl-next{
    color: #fff;
    background: #000;
    margin-left: 10px;
  }
  #projects_div button.owl-prev:hover, #projects_div button.owl-next:hover, 
  #our_team button.owl-prev:hover, #our_team button.owl-next:hover{
    background: #48BCFF;
  }
  #our_team button.owl-prev{
    left: 0;
    margin-top: 0;
  }
  #our_team button.owl-next{
    right: 0;
  }
  #about_us .cust-count{
    position: relative;
    left: 0;
  }
  #about_us .year-box{
    width: 140px;
  }
  #about_us .year-box h4{
    font-size: 34px;
  }
  #about_us h5{
    font-size: 18px;
  }
  #services .bg-color::after{
    width: 100%;
    border-radius: 20px;
  }
  #newsletter img{
    width: 100%;
  }
  #services .services-cnt, #why_choose_use .work_cnt{
    margin-left: 0;
    text-align: center;
    margin-top: 15px;
  }
  #services .services-box{
    display: block;

  }
  #services .icon-box, #why_choose_use .icon-box{
    margin: auto;
    width: 20%;
  }
  #why_choose_use .work_box{
    display: block;
  }
  #latest_news .content-box{
    text-align: center;
  }
  #latest_news .firstoverlay {
    margin-top: 15px;
  }
  #content .sec-padd{
    padding: 50px 0;
  }
  #counter .counter-box{
    justify-content: center;
  }
  #newsletter img{
    margin-top: 0;
    margin-bottom: -20px;
  }
  #video_section .image-height figure{
    margin-top: 0;
  }
  #latest_news .second_box{
    margin-bottom: 20px;
  }
   
  .orderbot{
    order: 2;
  
  }
  .ordertop{
    order: 1;
    
  }
  #why_choose_use figure{
    margin-bottom: 30px;
  }
  #latest_news .side-space{
    margin: 0 -15px;
  }
  #about_us .info-div, #about_us .div2 .nav-tabs{
    justify-content: center;
  }
  .page-template-frontpage h5{
    font-size: 20px;
  }
  .page-template-frontpage h5, #services h3{
    text-align: center;
  }
  #services h3{
    color: #000 !important;
  }
  #appointment .img-sec{
    margin-bottom: 30px;
  }
  #appointment h3, #video_section h3{
    text-align: center;
  }
  #about_us .year-box h6{
    font-size: 20px;
  }
  #about_us .cust-count .img-grp{
    justify-content: center;
  }
  #about_us .cust-count img{
    width: 60px;
  }
  #about_us .cust-no{
    width: 60px;
    height: 60px;
    font-size: 18px;
  }
  .post-content{
    text-align: center;
  }
  .copyright-box{
    justify-content: center;
    flex-direction: column;
  }
  .footer-area{
    padding: 30px 20px;
  }
  .footer-area .social-links{
    justify-content: center;
  }
  #services .big-text{
    display: none;
  }
  .footer-area .footer-menu ul{
    justify-content: center;
  }
  #our_team h3{
    color: #000;
  }
  .testimonials_name h4{
    font-size: 18px;
  }
  #testimonials .testimonials_name{
    margin-left: 10px;
  }
  #testimonials .testimonials-box{
    padding: 30px 15px;
  }
  .testimonials_name h6{
    font-size: 14px;
    margin-bottom: 0;
  }
  #testimonials .img-box{
    width: 80px;
    height: 80px;
  }
  #video_section .circle-bg::after{
    display: none;
  }
  .offcanvas-div .offcanvas-body {
    padding: 15px;
 }
 .offcanvas-div i.fas.fa-bars, .header-search .open-search-form i{
  font-size: 20px;
 }

 #slider .blog_inner_box img{
  height: 380px;
 }

 
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){

  .logo-image img{
    width: auto;
  }
  
  .header-search .open-search-form i{
    margin: 5px 0;
  }

  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  header#site-navigation.fix-sticky{
    position: relative;
  }
  
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 46%;
		margin: 20px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
  
  .orderbot{
    order: 2;
  
  }
  .ordertop{
    order: 1;
    
  }
   
  #slider .blog_box{
    right: auto;
  }
  #slider .blog_box h1 {
    font-size: 34px;
  }

  #about_us h5, #about_us .tab-content p, #about_us .btn-div, #about_us h3, #about_us .content{
    text-align: center !important;
  }
  
  .page-template-frontpage h3{
    font-size: 30px;
    line-height: 45px;
  }
  .page-template-frontpage h5{
    font-size: 20px;
  }
  #newsletter .newsletter_box_data{
    text-align: center;
  }
  
   
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 15px;
    width: 100%;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    right: 0;
    margin: 15px 0;
    position: relative;
  }
  #newsletter .wpcf7-spinner{
    display: block;
  }
  .page-template-frontpage .footer{
    margin-top: 40px;
  }
  
  .page-template-frontpage .footer-area .footer{
    margin-top: 0;
  }
  #projects_div .owl-nav, #our_team .owl-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: unset;
    margin-top: 30px;
  }
  #content .sec-padd{
    padding: 50px 0;
  }
 
  #projects_div button.owl-next{
    right: 0;
  }
  #projects_div button.owl-prev{
    left: 0;
  }
  #projects_div button.owl-prev, #projects_div button.owl-next, 
  #our_team button.owl-prev, #our_team button.owl-next{
    color: #fff;
    background: #000;
    margin-left: 10px;
  }
  #projects_div button.owl-prev:hover, #projects_div button.owl-next:hover, 
  #our_team button.owl-prev:hover, #our_team button.owl-next:hover{
    background: #48BCFF;
  }
  #our_team button.owl-prev{
    left: 0;
    margin-top: 0;
  }
  #our_team button.owl-next{
    right: 0;
  }
  #about_us .div1{
    margin-bottom: 20px;
  }
  #about_us .info-div, #about_us .div2 .nav-tabs{
    justify-content: center;
  }
  #why_choose_use img{
    width: auto;
    margin-bottom: 30px;
  }
  #why_choose_use .work_cnt{
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }
  #why_choose_use .icon-box{
    width: 60px;
    margin: auto;
  }
  #why_choose_use .work_box{
    display: block;
  }
  #why_choose_use figure{
    margin-bottom: 0;
  }
  #newsletter img{
    margin-top: 0;
  }
  #video_section .image-height figure{
    height: 100%;
    margin-top: 0;
  }
  #services .big-text{
    display: none;
  }
  #newsletter img{
    width: 100%;
    margin-top: -140px;
   }
   #video_section .circle-bg::after{
    display: none;
   }

   .offcanvas-div i.fas.fa-bars, .header-search .open-search-form i{
    font-size: 20px;
   }
	

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 16px;
	}
 
  #slider h1{
    font-size: 34px;
  }
  
  .page-template-frontpage h3{
    font-size: 38px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  .latest-post .date-meta{
    font-size: 12px;
  }
  #latest_news .post-date{
    top: 46%;
  }
  #latest_news .owl-dots{
    display: block;
  }
  #projects_div .owl-nav, #our_team .owl-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: unset;
  }
  #services .big-text{
    font-size: 54px;
  }
  #projects_div button.owl-next{
    right: 0;
  }
  #projects_div button.owl-prev{
    left: 0;
  }
  #projects_div button.owl-prev, #projects_div button.owl-next, 
  #our_team button.owl-prev, #our_team button.owl-next{
    color: #fff;
    background: #000;
    margin-left: 10px;
  }
  #projects_div button.owl-prev:hover, #projects_div button.owl-next:hover, 
  #our_team button.owl-prev:hover, #our_team button.owl-next:hover{
    background: #48BCFF;
  }
  #our_team button.owl-prev{
    left: 0;
    margin-top: 0;
  }
  #our_team button.owl-next{
    right: 0;
  }
  #services .big-text {
    font-size: 50px !important;
   }

   #newsletter img{
    width: 100%;
    margin-top: -140px;
   }

   #slider h2{
    font-size: 80px;
   }
   #content .sec-padd{
    padding: 50px 0;
   }
   #slider .blog_box{
    right: 20%;
   }
   .offcanvas-div .offcanvas-body{
    padding: 25px;
   }

   .offcanvas-div i.fas.fa-bars, .header-search .open-search-form i{
    font-size: 20px;
   }
	
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){

  .offcanvas-div .offcanvas-body{
    padding: 25px;
   }
  
  #slider .blog_box{
    right: 20%;
   }
	 
  .latest-post .date-meta{
    font-size: 12px;
  }
  #services .big-text {
   font-size: 72px !important;
  }
  
}

@media(max-width: 1699px){
  #services .big-text {
    font-size: 76px;
   }

}