header {
  background: #f4421a;
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
}

.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  font-weight: bold;
  line-height: 55px;
  padding: 0 20px;
  color: #fff;
  float: left;
}


/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 40em) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

@media screen and (min-width: 40em) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border-top: 1px solid white;
  text-decoration: none;
  background: #f4421a;
  padding: 0.7em 1em;
  color: #fff;
  width: 100%;
  float: left;
}

.nav-collapse a:active,
.nav-collapse .active a {
  background: #b73214;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    border-left: 1px solid white;
    padding: 1.02em 2em;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "\78"; /* Close icon */
}




/* Buliten HTML Template*/

@media only screen and (max-width: 5000px){
	.page-wrapper{
		overflow:hidden;	
	}
}

@media only screen and (max-width: 1600px){
	
}


@media only screen and (max-width: 1340px){

	.page-wrapper{
		overflow:hidden;	
	}
	
}

@media only screen and (max-width: 1140px){
	
	

	
	
	
	
	.main-header{
		margin:0px !important;
	}
	
	.call-to-action h3{
		font-size:20px;
	}
	
	.main-footer .footer-info-section .info-block .inner .text{
		font-size:13px;
	}
	
	.commingsoon-section .left-column .inner-column{
		padding:100px 120px 100px 0px;
	}
	
	.commingsoon-section .right-column .inner-column{
		padding-left:60px;
	}
	
	.main-slider .slide.style-two{
		padding-top:150px;
	}
	
	.pricing-section .title-column .inner-column{
		padding-right:15px;
	}
	
	.welcome-section .content-column .inner-column .counter-box{
		margin-top:25px;
	}
	
	.project-block .inner-box .content-column .inner-column h3{
		font-size:20px;
	}
	
	.page-wrapper{
		overflow:hidden;	
	}
	
	.service-single .inner-box .lower-content .two-column .list-style-two{
		margin-top:25px;
	}
	
	.main-menu .navigation > li{
		margin-left:0px;
	}
	
	.main-header .info-box strong{
		font-size:13px;
	}
	
	.main-header .header-upper .upper-right .header-lower::after{
		left:0px;
	}
	
	.main-header.header-style-two .header-upper{
		background:none;
	}
	
	.main-slider .mouse-btn-down,
	.main-slider .left-title,
	.main-header .header-lower .btn-box,
	.main-header .header-upper .upper-right::before,
	.header-style-two .nav-outer::before,
	.choice-section .image-column .inner-column .image::before,
	.header-style-two .nav-outer .side-curve,
	.main-header .outer-box{
		display:none;
	}
	
	.main-header .header-upper{
		background-color:rgba(0,0,0,0.60);
	}
	
	.main-header.header-style-two .outer-box{
		display:block;
	}
	
	.main-header .outer-box .buttons-box .theme-btn{
		font-size:16px;
	}
	
	.main-header .outer-box .option-box > li{
		margin-left:15px;
	}
	
	.main-header.header-style-two .outer-box .option-box{
		margin-right:0px;
	}
	
	.choice-section .content-column .inner-column{
		padding-left:0px;
		padding-top:0px;
	}
	
	.main-header .header-upper .upper-right{
		padding-left:0px;
	}
	
	.default-section .form-column .inner-column{
		padding-left:15px;
	}
	
	.shop-form .billing-inner{
		padding-right:0px;
	}
	
	.news-block .inner-box .content-column .post-info li{
		margin-right:10px;
	}
	
	.news-block .inner-box .content-column .column-inner h3{
		font-size:19px;
	}
	
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	

}

@media only screen and (max-width: 1023px){
	
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		margin:0px;
		text-align:left;
	}
	
	.commingsoon-section .left-column .inner-column{
		padding-right:15px;
	}
	
	.time-counter .time-countdown .counter-column{
		width:40%;
		float:left;
	}
	
	.commingsoon-section .left-column .inner-column .logo{
		margin-bottom:100px;
	}
	
	.commingsoon-section .right-column .inner-column{
		padding-top:80px;
		padding-bottom:60px;
	}
	
	.project-block .inner-box .content-column .inner-column{
		margin-left:0px;
		margin-top:-40px;
		margin-left:30px;
		margin-right:30px;
	}
	
	.main-slider .slide{
		padding:150px 0px 200px;
	}
	
	.commingsoon-section .left-column{
		max-width:100%;
		width:100%;
	}
	
	.commingsoon-section .right-column{
		position:relative;
		width:100%;
	}
	
	.main-slider .slide.style-three{
		padding-top:150px;
	}
	
	.main-header.header-style-two .outer-box .option-box{
		margin-left:15px;
	}
	
	.pricing-section .title-column{
		width:100%;
	}
	
	.pricing-section .price-column{
		width:100%;
	}
	
	.main-header.header-style-two .header-upper .upper-right{
		padding-top:0px;
	}
	
	.main-header.header-style-two .info-box{
		margin-right:20px;
	}
	
	.main-header .info-box{
		margin-top:5px
	}
	
	.main-header .outer-box{
		display:block;
	}
	
	.main-header .header-upper .logo-box{
		margin-top:20px;
	}
	
	.partner-block .inner-box{
		padding-top:0px;
	}
	
	.main-header .nav-outer{
		float:left;
	}
	
	.main-header .nav-toggler{
		display:block;
	}
	
	.choice-section:before,
	.main-slider .tparrows,
	.fixed-header .sticky-header{
		display:none;
	}
	
	.header-style-two{
		background:none !important;
	}
	
	.main-header .header-lower .search-box,
	.main-header.header-style-two .outer-box .buttons-box{
		display:none;
	}
	
	.main-header.header-style-three .nav-outer{
		padding-left:15px;
	}
	
	.main-menu .navigation > li > a{
		font-size:14px;
	}
	
	.main-header .options-box{
		margin-top:0px;
		position:absolute;
		left:0px;
		top:25px;
		z-index:12;
		display:none;
		right:auto;
	}
	
	.main-header .header-upper .upper-right{
		padding-top:0px;
		width:100%;
	}
	
	.main-menu .navigation > li{
		margin-right:25px;
	}
	
	.header-style-two .main-menu .navigation > li{
		margin-right:20px;
	}
	
	.main-header .header-upper .logo-box{
		margin-bottom: 30px;
		margin-right: 0px;
		width:100%;
		text-align:center;
	}
	
	.main-header .header-upper .outer-container{
		padding:0px 15px;
	}
	
	.main-slider h3 span{
		font-size:50px;
	}
	
	.header-top .top-left,
	.header-top .top-right{
		width:100%;
		text-align:center;
	}
	
	.main-header{
		position:relative;
		background-color:#222222;
	}
	
	.main-header.header-style-three .nav-outer{
		margin-top:0px;
		padding-left:0px;
		border-radius:0px;
	}
	
	.main-header.header-style-three .header-upper{
		padding-bottom:0px;
	}
	
	.header-style-three .header-lower{
		background-color:#ffffff;
	}
	
	.main-header.header-style-three .header-upper .logo-box{
		margin-bottom:0px;
	}
	
	.welcome-section .image-column .inner-column{
		margin-bottom:50px;
	}
	
	.welcome-section .content-column .inner-column .counter-box{
		margin-left:0px;
	}
	
	.call-to-action-section-two .pull-left,
	.call-to-action-section-two .pull-right{
		width:100%;
		text-align:center;
	}
	
	.call-to-action-section-two h2{
		margin-top:0px;
		margin-bottom:20px;
	}
	
	.default-section .form-column,
	.default-section .news-column{
		width:100%;
		position:relative;
	}
	
	.default-section .news-column .inner-column,
	.default-section .form-column .inner-column{
		max-width:100%;
	}
	
	.footer-style-two .footer-bottom .copyright,
	.main-footer .footer-bottom .copyright{
		text-align:center;
		margin-bottom:8px;
	}
	
	.footer-style-two .footer-bottom .footer-nav,
	.main-footer .footer-bottom .footer-nav{
		text-align:center;
	}
	
	.team-section .carousel-column .owl-nav{
		position:relative;
		bottom:0px;
		left:auto;
	}
	
	.choice-section .image-column{
		margin-bottom:35px;
	}
	
	.choice-section{
		padding-bottom:0px;
	}
	
	.project-tab .sec-title{
		margin-bottom:40px;
	}
	
	.project-tab .sec-title .pull-right{
		width:100%;
		display:block;
	}
	
	.project-tab .product-tab-btns .p-tab-btn{
		margin-left:0px;
		margin-right:20px;
	}
	
	.newsletter-section .title-column{
		margin-bottom:30px;
	}
	
}

@media only screen and (max-width: 767px){
	
	.header-upper .logo-outer {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:100%;
		margin:0px;
	}
	
	.commingsoon-section .left-column .inner-column h2{
		font-size:60px;
	}
	
	.main-header .header-top .top-right{
		display:none;
	}
	
	.main-header .header-lower .btn-box{
		display:block;
	}
	
	.main-header.header-style-three .nav-outer,
	.header-style-three .header-lower{
		background-color:#000000;
	}
	
	.main-header .header-top .top-left{
		width:100%;	
	}
	
	.sec-title h2{
		font-size:22px;	
	}
	
	.main-menu{
		width:100%;
		display:block;
	}
	
	.main-menu .navbar-collapse {
	   max-height:300px;
	   max-width:none;
		overflow:auto;
		float:none !important;
		width:100% !important;
		padding:0px 0px 0px;
		border:none;
		margin:0px 0px 15px;
		-ms-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		-o-border-radius:0px;
		border-radius:0px;
		box-shadow:none;
   }
   
   .commingsoon-section .left-column .text{
	   font-size:18px;
   }
   
	.main-menu .navbar-collapse.in,
	.main-menu .collapsing{
		padding:0px 0px 0px;
		border:none;
		margin:0px 0px 15px;
		-ms-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		-o-border-radius:0px;
		border-radius:0px;
		box-shadow:none;	
	}
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		text-align:right;
		width:100%;
		padding:15px 0px;
		right:0px;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle{
		display:inline-block;
		z-index:12;
		border:1px solid #cc8809;
		float:none;
		margin:0px 0px 0px 0px;
		border-radius:0px;
		background:#cc8809;
	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}
	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px !important;
		width:100% !important;
		background:#2c2c2c;
		border:1px solid #ffffff;
		border-top:none;
	}
	
	.welcome-section .content-column .inner-column .counter-box{
		padding-left:30px;
	}
	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px !important;
		float:none !important;
		padding:0px !important;
		width:100%;
	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
		border:none !important;
	}
	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{
		color:#ffffff !important;
		right:15px;
		font-size:16px;
		display:none !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		padding:0px;
		outline:none;
		width:100%;
		background:#2c2c2c;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;
		border-bottom:none;
		opacity:1 !important;
		top:0px !important;
		left:0px !important;
		visibility:visible !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding:10px 10px !important;
		line-height:22px;
		color:#ffffff;
		background:#2c2c2c;
		text-align:left;
	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		background:#cc8809;
	}
	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,

	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
		background:#2c2c2c;
		color:#ffffff !important;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn,
	.header-style-two .nav-outer .btn-outer{
		display:block;
	}
	
	.sec-title .text br,
	.main-slider .owl-nav,
	.main-slider .schedule-box,
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	
	.main-header .btn-outer{
		left:0px;
		top:0px;
		right:auto;
		margin-top:15px;
		text-align:left;
		z-index:12;
	}
	
	.main-header .main-box .logo-box{
		float:none;
		text-align:center;
		padding-bottom:10px;
	}
	
	.main-header .options-box{
		display:block;
	}
	
	.main-header .btn-outer{
		display:block;
	}
	
	.main-header.light-version .main-box .logo-box{
		padding-bottom:0px;
	}
	
	.main-header .options-box .options-nav > li{
		margin-left:0px;
		margin-right:20px;
	}
	
	.main-header .search-box-outer .dropdown-menu{
		left:0px;
		top:47px;
	}
	
	.sidebar-page-container .comments-area .comment-box.reply-comment{
		margin-left:0px;
	}
	
	.main-header .info-box{
		padding-left:0px;
		text-align:center;
		width:100%;
		margin-left:0px;
		margin-bottom: 20px;
	}
	
	.main-header .info-box:last-child{
		margin-bottom:0px;
	}
	
	.main-header .info-box .icon-box{
		position:relative;
		margin:0 auto;
		margin-bottom:15px;
	}
	
	.main-header .main-box .outer-container{
		padding:0px;
	}
	
	.main-header .header-lower .outer-box{
		position:absolute;
		z-index:12;
		display:block;
	}
	
	.main-menu .navbar-header .navbar-toggler{
		display: inline-block;
		z-index: 12;
		width: 50px;
		height: 40px;
		float: none;
		padding: 0px;
		text-align: center;
		border-radius: 0px;
		background: none;
		border: 1px solid #ffffff;
	}
	
	.main-menu .navbar-header .navbar-toggler .icon-bar{
		position: relative;
		background: #ffffff;
		height: 2px;
		width: 26px;
		display: block;
		margin:0 auto;
		margin:5px 11px;
	}
	
	.main-header .header-lower .outer-box .appointment-box .appointment-btn{
		padding:23px 25px 22px 25px;
	}
	
	.main-header .nav-outer{
		width:100%;
	}
	
	.main-menu .cart-box{
		position:absolute;
		left: 0px;
		top:0px;
		padding-left: 0px;
		margin: 26px 0px;
		border-left: none;
		z-index:30;
	}
	
	.main-slider h3{
		font-size:20px;
	}
	
	.main-slider h3 span{
		font-size:30px;
	}
	
	.main-slider .text{
		font-size:16px;
	}
	
	.header-top .top-righ,
	.main-header .outer-box .buttons-box,
	.main-slider .text br{
		display:none;
	}
	
	.main-slider .slide{
		padding:120px 0px;
	}
	
	.main-header .outer-box .option-box > li{
		margin-left:0px;
		margin-right: 20px;
	}
	
	.main-header.header-style-two .header-upper .logo-box{
		width:100%;
		text-align: center;
	}
	
	.main-header.header-style-two .header-upper .upper-right{
		width:100%;
		padding-top: 0px;
	}
	
	.header-style-two .nav-outer{
		padding-right:15px;
	}
	
	.header-top .top-left .text{
		text-align:center;
		padding: 10px 0px;
	}
	
	.main-header .header-lower .search-box-outer .dropdown-menu{
		left:0px !important;
		top:45px !important;
	}
	
	.main-header .outer-box .option-box .cart-box .cart-panel{
		left:0px !important;
		right:auto;
	}
	
	.blog-single .inner-box .lower-content h2{
		font-size:22px;
	}
	
	.blog-single .inner-box .lower-content .post-meta li{
		font-size:14px;
	}
	
	.main-footer .footer-info-section .info-block{
		margin-bottom:0px;
	}
	
	.main-footer .footer-info-section .info-block:last-child{
		margin-bottom:10px;
	}
	
	.main-footer .footer-bottom .copyright,
	.main-footer .footer-bottom .nav-column{
		text-align:center;
	}
	
	.main-slider .text{
		font-size:15px;
	}
	
	.author-box .author-comment .inner-box,
	.sidebar-page-container .comments-area .comment,
	.shop-page .prod-tabs .reviews-container .review-box{
		padding-left:0px;
	}

	.sidebar-page-container .comments-area .comment-box .author-thumb,
	.author-box .author-comment .inner-box .image{
		position:relative;
		margin-bottom:20px;
	}
	
	.blog-single .inner-box .lower-content .text blockquote{
		margin-left:0px;
	}
	
	.cart-section .coupon-outer .pull-right{
		width:100%;
	}
	
	.news-block-two .inner-box .content-column .inner-column{
		padding-left:15px;
		padding-right:15px;
	}
	
	.page-title h1{
		font-size:34px;
	}
	
	.nav-toggler{
		top:12px;
	}
	
	.info-section .info-column .inner-box .info-box .inner{
		padding-left:0px;
		text-align:center;
	}
	
	.main-header.header-style-two .outer-box .option-box,
	.main-header .outer-box .option-box{
		margin-left:0px;
	}
	
	.header-top-two .top-right{
		display:none;
	}
	
	.header-top-two .top-left{
		width:100%;
		text-align:center;
	}
	
	.call-to-action-section h2{
		font-size:34px;
	}
	
	.testimonial-block .inner-box{
		padding-top:0px;
		padding-left:190px;
	}
	
	.shop-page .prod-tabs .reviews-container .rev-thumb{
		position:relative;
	}
	
	.news-block .inner-box .content-column .column-inner{
		padding-top:25px;
	}
	
	.blog-single .inner-box h3{
		font-size:24px;
	}
	
	.blog-single .inner-box .news-posts .prev-post .image,
	.blog-single .inner-box .news-posts .next-post .image{
		position:relative;
		margin:0 auto;
		margin-bottom:25px;
	}
	
	.blog-single .inner-box .news-posts .prev-post,
	.blog-single .inner-box .news-posts .next-post{
		width:100%;
		padding:0px;
		text-align:center;
	}
	
}

@media only screen and (max-width: 599px){
    #intro__title1 {
    position: absolute;
    font-family: 'Pop-Bol';
    font-size: 30px;
    margin-top: 0px;
    margin-left: 40px;
    animation: fadeInUp 2s ease;
}

.col-33 {
    flex: 50%;
    text-align: center;
    margin-bottom: 50px;
}

#intro__title2 {
    position: absolute;
    font-family: 'Pop-Bol';
    font-size: 35px;
    margin-top: 40px;
    margin-left: 40px;
    color: rgb(121, 205, 208);
    animation: fadeInUp 2s ease;
}

#intro__subtitle {
    position: absolute;
    font-size: 18px;
    margin-top: 90px;
    margin-left: 42px;
    padding-right: 20px;
    font-family: 'Pop-Light';
    animation: fadeInUp 2s ease;
    font-weight: 500;
}

#firpara {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: white;
    text-align: center;
    margin-top: 31px;
    padding: 0px 30px 0px 40px;
}
	
#secpara {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: white;
    text-align: left;
    padding: 10px 30px 0px 40px;
}
#thirpara {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: white;
    text-align: left;
    padding: 0px 30px 0px 30px;
    margin-top: 30px;
}
	
#RM {
    color: rgb(83, 99, 174);
    font-family: 'Pop-Med';
    text-decoration: none;
    padding: 10px;
    display: block;
    font-size: 15px;
    /* margin-top: 20px; */
    margin-right: 10px;
    background: #fff;
    width: 125px;
    float: right;
    border-radius: 10px;
    text-align: center;
   
}

.headerlogo img {
    width: 40%;
    height: 40%;
    object-fit: cover;
}


.menu ul li a, .menu ul li a a {
    display: flex;
    align-items: center;
    height: auto;
    width: 50%;
    z-index:9;
}

.header {
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    width: 90%;
    z-index: 99;
}

.intro {
    background-image: url("./DEVELOPER/BACKGROUNDS/WEB\ SITE.png");
    /* background-size: cover; */
    width: 402px;
    height: 50vh;
    position: relative;
    animation: fadeInUp 2s ease;
    margin-top: 143px

}
	
	.timesec {
    position: relative;
    height: 33vh;
    width: 100%;
    margin-top: 105px;
    /* overflow: hidden; */
}

.timesec img {
    margin-top: 30px;
    height: 50%;
    width: 100%;
    /* object-fit: cover; */
    vertical-align: middle;
}

.titleee {
        font-family: 'Pop-Bol';
    color: white;
    font-size: 50px;
    margin-top: 60px;
    text-align: center;
    opacity: 0;
}

#counter-section-container {
    width: 95%;
    text-align: center;
    background-color: rgb(255, 255, 255);
    margin-left: 10px;
    height: 30vh;
    position: relative;
}
#counter-box {
    width: 61px;
    min-width: 57px;
    margin: 7px;
    padding: 0;
    float: left;
    text-align: center;
    color: #ccc;
    margin-top: 30px;

}
	
	
	.topt {
    font-family: 'Pop-Bol';
    color: rgb(83, 99, 174);
    font-size: 9px;
}

.counter {
    font-size: 15px;
    font-family: 'Pop-Sembl';
    color: rgb(65, 64, 66);
}



#plus {
    font-size: 15px;
    font-family: 'Pop-Sembl';
    color: rgb(65, 64, 66);
}
	
.greenbl {
    width: 100%;
    height: 50vh;
    background-image: url(./DEVELOPER/BACKGROUNDS/Untitled-1-02.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* overflow: hidden; */
    position: relative;
}	
	
	.prodgrid {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-top: 0px;
}
	
	#prodti {
    font-family: 'Pop-Med';
    color: rgb(135, 129, 188);
    font-size: 35px;
    margin-top: 85px;
    text-align: center;
    margin-bottom: 30px;
}
	
	.pages {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 10px;
    padding: 0;
    /*flex: 1 1 30%;*/
}


.page {
    background-color: white;
    box-shadow: 2px 6px 6px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 380px;
    margin-bottom: 150px;
    height: 500px;
    
}

.holder {
    margin: 0px;
    width: 100%;
    /* margin-left: 25px; */
    justify-content: center;
    align-items: center;
    align-content: center;
}


.prod_image {
    width: 100%;
    height: 100%;
}


.pages_item {
    display: flex;
    padding: 0.5rem;
    width: 100%;
       height: 555px;
    transition: transform .5s ease;
}

.overl h2 {
    color: #ffffff;
    font-size: 1rem;
    letter-spacing: 1px;
    margin: 0px;
    width: 100%;
    height: 68px;
    font-family: 'Pop-Reg';
    text-align: center;
    margin-top: 8px;
    white-space: nowrap;
}

.overl {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 15%;
    width: 100%;
    background-color: rgb(65, 64, 66);
    overflow: hidden;
    transition: 0.5s;
}



.read {
    color: rgb(121, 205, 208);
    position: absolute;
    bottom: 0;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 4px;
    font-family: 'Pop-Light';
    display: block;
    cursor: pointer;
    border: none;
    background: transparent;
    right: 15px;
    width: 45%;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
    border: 1px solid #d1d1d1;
    padding: 8px;
}

.trucard3 .right
{
    display:none;
}
.trucksec {
    height: 40vh;
    width: 100%;
    position: relative;
    /* overflow: hidden; */
    /* margin-top: 50px; */
    /* overflow: hidden; */
    padding: 13px;
    margin-left: -10px;
}

.trucard {
    width: 100%;
    height: 58%;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.19);
}

#tr {
    font-family: 'Pop-Med';
    color: white;
    font-size: 18px;
    margin-top: 14px;
    text-align: left;
    margin-left: 15px;
}

.right p {
    font-family: 'Pop-Light';
    color: white;
    font-size: 7px;
    text-align: left;
    margin-left: 11px;
    padding-right: 5px;
    margin-top: 10px;
}


#RM2 {
    color: rgb(83, 99, 174);
    font-family: 'Pop-Med';
    text-decoration: none;
    padding: 7px;
    display: block;
    font-size: 14px;
    /* margin-top: 20px; */
    margin-right: 15px;
    background: #fff;
    width: 105px;
    float: right;
    border-radius: 10px;
    text-align: center;
        margin: 20px;
}

.enform {
    height: 185vh;
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    margin-top: 40px;
}

.blacksec {
    background-image: url("./DEVELOPER/BACKGROUNDS/blackpik.png");
    background-size: cover;
    height: 65vh;
    width: 90%;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 41px;
    position: absolute;
}

.blacksec h3 {
    color: white;
    font-family: 'Pop-Med';
    font-size: 15px;
    margin-top: 20px;
    text-align: center;
}


.blacksec p {
    color: white;
    font-family: 'Pop-Light';
    font-size: 12px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: left;
    margin-top: 20px;
}

.flip {
    flex: initial;
    position: relative;
    height: 85%;
    width: 83%;
    -moz-perspective: 200rem;
    perspective: 200rem;
    margin-right: 0px;
    margin-left: 0px;
}


.artboard {
   
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    height: 140vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 425px;

}



#f {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: rgb(0, 0, 0, 0.5);
    position: absolute;
    margin-left: 50px;
    margin-top: -50px;
}


#l {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: rgb(0, 0, 0, 0.5);
    position: absolute;
    margin-left: 50px;
    margin-top: 50px;
}


#lname {
    width: 350px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 2px solid rgb(121, 205, 208);
    font-size: 18px;
    color: black;
    margin-top: 60px;
    margin-left:-50px;
}

#fname {
    width: 350px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 2px solid rgb(121, 205, 208);
    font-size: 18px;
    color: black;
    margin-left: 50px;
}

.username h3 {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: rgb(0, 0, 0, 0.5);
    position: absolute;
    margin-left: 50px;
    margin-top: 40px;
}

.username input {
    width: 350px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 2px solid rgb(121, 205, 208);
    font-size: 18px;
    color: black;
    margin-left: -50px;
 
}


.footer {
    position: relative;
    padding-top: 45px;
    background: #121518;
    height: auto;
}



.card__side--back .trucard3 {
    position: absolute;
    width: 100%;
    height: 100%;
    /* display: grid; */
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.19);

}

.success {
    background-color: rgb(135, 129, 188);
    color: white;
    text-decoration: none;
    font-family: 'Pop-Light';
    margin-top: 50px;
    width: 170px;
    height: 32px;
    border: none;
    position: absolute;
    margin-left: 15px;
}

.footer-about img {
    height: 200px;
    margin-top: -36px;
    width: auto;
    margin-bottom: 0px;
}

#small3 {
    font-family: 'Pop-Light';
    font-size: 14px;
    text-align: left;
    line-height: 1.8;
    padding-right: 0px;
    padding-left: 20px;
    margin-top: -50px;
    color: #fff;
    width: 415px;
}

.space p {
    padding-left: 20px;
    font-size: 15px;
    margin-top: 14px;
    width: 410px;
}

.imgflex img {
    width: 90%;
    height: 90%;
}

.imgflex {
    width: 100%;
    height: 70%;
    padding-left: 20px;
    padding-right: 0;
    margin-top: 20px;
}


.info2 {
    opacity: 0;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 20px;
}


#small2 {
    font-family: 'Pop-Light';
    font-size: 14px;
    text-align: left;
    line-height: 1.8;
    padding-right: 17px;
    padding-left: 20px;
    margin-top: 0px;
    color: white;
    width: 352px;
}

#onleft2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imz {
    width: 0px;
    height: 235px;
    opacity: 0;
}



.flex {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(77, 77, 77);
    height: 100%;
}

.cent {
    font-family: 'Pop-Med';
    color: rgb(0, 73, 135);
    font-size: 25px;
    margin-top: 70px;
    text-align: left;
    padding-left: 20px;
}


.cent {
    font-family: 'Pop-Med';
    color: rgb(0, 73, 135);
    font-size: 25px;
    margin-top: 40px;
    text-align: left;
    padding-left: 20px;
}


.designsec {
    width: 100%;
    background-color: white;
    /* overflow: hidden; */
    position: relative;
    height: auto;
}

	.footer-about p {
    font-size: 12px;
    margin-top: 0px;
    margin-left: 10px;
    width: 400px;
    padding-right: 5px;
}

#secpar {
    font-size: 12px;
    margin-top: 20px;
}

.footer .footer-contact input {
    height: 45px;
    border-radius: 0;
    font-size: 15px;
    margin-top: 20px;
    margin-left: -45px;
}

.footer .footer-contact #b2 {
    margin-top: -37px;
    margin-left: 140px;
    border: none;
    height: 30px;
    width: 120px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    background-color: rgb(120, 204, 207);
    border-radius: 0;
    transition: .3s;
    font-family: 'Pop-Med';
}

.footer .footer-social {
    position: relative;
    margin-top: -15px;
    margin-bottom: 130px;
    margin-left: 10px;
}

.footer .footer-contact h3 {
    font-size: 15px;
    margin-top: 90px;
    margin-left: 10px;
}




.footer .footer-contact h3 {
    font-size: 15px;
    margin-top: 90px;
    margin-left: 10px;
}


.footer .footer-link {
    margin-top: -60px;
    margin-left: 10px;
    font-family: 'Pop-Med';
    margin-bottom:0px;
}

.footer .footer-contact {
    margin-bottom: 0px;
    color: #dddddd;
    margin-top: -65px;
}


#quicklin {
margin-left: 0px;
}


.values {
    width: 100%;
    height: 150vh;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}



.flexpurp {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.firpurp h3 {
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    font-family: 'Pop-Med';
    color: white;
}

.firpurp p {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 100px;
    font-size: 11px;
    font-family: 'Pop-Reg';
    color: white;
    margin-top: 10px;
    width: 208px;
}

.secpurp h3 {
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    font-family: 'Pop-Med';
    color: white;
}

.secpurp p {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 100px;
    font-size: 11px;
    font-family: 'Pop-Reg';
    color: white;
    margin-top: 10px;
    width: 208px;
}

#int {
    font-family: 'Pop-Med';
    font-size: 20px;
    text-align: center;
    padding-left: 0px;
}

#lst {
    font-family: 'Pop-Light';
    font-size: 16px;
    line-height: 2.5;
    margin-top: 12px;
    text-align: left;
    padding-left: 20px;
    width: 300px;}
    
    .advwritten {
    background-color: rgb(91, 88, 166);
    width: 390px;
    position: absolute;
    margin-top: -460px;
    margin-left: 10px;
    height: 900px;
}
.tab {
    position: relative;
    width: 93%;
    height: 70vh;
    margin-top: 20px;
    overflow: hidden;
    margin-left: 9px;
}

.imgcont img {
    width: 100%;
    height: 50%;
}

.imgncontflex {
    width: 100%;
    height: 285vh;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}


.advantages p {
    color: white;
    font-family: 'Pop-Light';
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    line-height: 2;
}

.advantages h3 {
    color: white;
    font-size: 25px;
    font-family: 'Pop-Med';
    padding-left: 40px;
    margin-top: 70px;
}

.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner {
    position: relative;
    width: 100%;
    height: 50vh;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
}

.imgg1{
    
      width: 414px;
    margin-top: -26px;
    margin-left: 0px;
}

.finish2 {
    width: 350px;
    height: 40px;
    margin-left: 0px;
}


.finish {
    width: 100%;
    height: 34vh;
    position: relative;
    overflow: hidden;
}

.intcont {
    display: grid;
    grid-template-areas:
        'menu main main main main main'
        'menu footer footer footer footer footer';
    padding: 10px;
}

.finish1 h1 {
    font-size: 11px;
    font-family: 'Pop-Med';
    color: white;
    text-align: center;
    margin-top: 30px;
}

#historybigti {
    font-family: 'Pop-Med';
    color: rgb(83, 99, 174);
    font-size: 18px;
    margin-top: 50px;
    text-align: center;
    font-weight: 700;
}

#firpara1{
   
    font-family: 'Pop-Med';
    font-size: 14px;
    color: black;
    text-align: left;
    margin-top: 31px;
    padding: 0px 30px 0px 40px;
    font-weight:400;
}

#secpara1 {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: black;
    text-align: left;
    padding: 10px 30px 0px 40px;
    font-weight:400;
}

.biggreenbl {
    width: 100%;
    height: 45vh;
    /*background-color: white;*/
    background-size: cover;
    /* overflow: hidden; */
    position: relative;
}

.imag{
    
    width: 445px;
    height: 60%;
    object-fit: cover;
}

#thirpara1 {
    font-family: 'Pop-Med';
    font-size: 14px;
    color: black;
    text-align: left;
    padding: 0px 30px 0px 30px;
    margin-top: 30px;
}

.biggreenbl1 {
    width: 100%;
    height: 100vh;
    background-size: cover;
    overflow: hidden;
    position: relative;

    
}

.finish3 {
   width: 350px;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
}

.finish1 {
    width: 60px;
    height: 80px;
    background-color: rgb(83, 99, 174);
    margin-left: 0px;
}
    .finish3 p {
    text-align: left;
    color: black;
    font-size: 10px;
    font-family: 'Pop-Light';
    margin-left: 20px;
    margin-top: 5px;
}

.finish2 p {
    text-align: left;
    color: black;
    font-size: 10px;
    font-family: 'Pop-Light';
    margin-left: 20px;
    margin-top: 10px;
}


.imgleft {
    background-color: rgb(135, 129, 188);
    margin-left: -8px;
    opacity: 0;
    height: 320px;
}

.contonright {
    font-family: 'Pop-Light';
    opacity: 0;
    margin-left: 20px;
    font-size:12px;
}


.advwritten p {
    color: white;
    font-family: 'Pop-Light';
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    line-height: 2;
}

.finapp {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
    height: 75vh;
    margin-top: 50px;
}

#int2 {
    font-family: 'Pop-Med';
    font-size: 20px;
    text-align: center;
    padding-left: 0px;
}

#lst2 {
    font-family: 'Pop-Light';
    font-size: 16px;
    line-height: 2.5;
    margin-top: 20px;
    text-align: left;
    padding-left: 20px;
}

.imgcont {
    width: 100%;
    height: 70vh;
    margin-top: 70px;
    position: relative;
}

}

@media only screen and (max-width: 479px) {
	
	.main-header .search-box-outer .dropdown-menu{
		top:44px;	
	}
	
	.totals-table li .col-title{
		padding:0px;
	}
	
	.cart-total-box{
		padding-left:15px;
		padding-right:15px;
	}
	
	.main-slider .theme-btn{
		margin-bottom:10px !important;
	}
	
	.notify-form .form-group input[type="submit"], .notify-form button{
		position:relative;
		width:100%;
		margin-top:15px;
		border-radius:50px;
	}
	
	.shop-page .prod-tabs .reviews-container .rev-header .time{
		position:relative;
		width:100%;
		margin-top:0px;
	}
	
	.testimonial-block-two .inner-box .author-info .info-inner{
		padding-top:15px;
		padding-left:115px;
	}
	
	.main-header .outer-box .option-box .cart-box .cart-panel{
		min-width:275px;
	}
	
	.services-block-two .inner-box{
		padding-right:25px;
	}
	
	.newsletter-section .title-column .inner-column .icon-box{
		position:relative;
		margin-bottom:20px;
	}
	
	.newsletter-section .title-column .inner-column,
	.subscribe-form .form-group{
		padding:0px;
	}
	
	.project-info-block .block-info{
		padding-left:20px;
	}
	
	.subscribe-form .form-group input[type="submit"], .subscribe-form button{
		position:relative;
		margin-top:15px;
		width:100%;
	}
	
	.services-block-two .inner-box .image{
		margin-bottom:25px;
	}
	
	.project-section .owl-nav{
		position:relative;
		top:0px;
	}
	
	.project-section .owl-prev, .project-section .owl-next{
		margin-left:0px;
		margin-right:12px;
	}
	
	.services-block-two .inner-box .image,
	.services-block-two .inner-box .image img{
		position:relative;
		width:100%;
	}
	
	.cart-section .coupon-outer .pull-left,
	.cart-section .apply-coupon .form-group,
	.cart-section .apply-coupon .form-group input[type="text"],
	.cart-section .apply-coupon .form-group .coupon-btn,
	.cart-section .coupon-outer .cart-btn,
	.cart-section .apply-coupon .form-group{
		width:100%;
	}
	
	.main-header .header-lower .search-box-outer .dropdown-menu{
		width:240px;
	}
	
	.new-posts .grid-view,
	.main-header.header-style-two .header-lower .btn-box,
	.main-slider .text br{
		display:none;
	}
	
	.project-block .inner-box .content-column .inner-column{
		margin:0px;
	}
	
	.business-widget .widget-content .pull-right{
		width:100%;
	}
	
}



@media screen and (min-width: 600px) {
  .headerlogo {
    width: 257px;
    height: 100px;
    position: absolute;
    overflow: hidden;
    margin-left: 10px;
}
}

@media screen and (max-width: 600px) {
  .menu.responsive {position: relative;}
  .menu.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}