body {
    font-size: 14px;
    line-height: 1.71429;
    font-weight: 400;
    color: #333333;
	font-family: 'Questrial', sans-serif;
}
a:focus, a:hover {
    color: #e84a5f;
    text-decoration: underline;
	text-decoration:none;
}
h1 {
    font-size:45px;
}
.section-Padding {
    padding: 80px 0;
}
#header {
    position: absolute;
    z-index: 99;
    width: 100%;
	padding:30px 0;
	transition: all 0.4s;
}
#header.fixed {
    position: fixed;
    background: #1F1F1F;
    padding: 10px 0;
	transition: all 0.4s;
	z-index: 999;
	border-bottom: 1px solid #848484;
}
#header .navbar-nav .nav-item  .nav-link {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
	transition: all 0.4s;
	padding: 6px 12px;
}
#header  .navbar-nav .nav-item  .nav-link:hover{ 
    color: #e84a5f;
	transition: all 0.4s;
}
#header .navbar-nav .nav-item .nav-link.active {
    color: #e84a5f;
}
.homeSlider .item::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	z-index: -1;
}
.homeSlider .item {
    background-size: cover;
    position: relative;
    z-index: 1;
    height: 650px;
}
.homeSlider .item .text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homeSlider .slick-prev {
    left: 45px;
    z-index: 1;
}
.homeSlider .slick-next {
    right: 45px;
}
.homeSlider  .slick-arrow {
    background: #e84a5f;
    width: 45px;
    height: 45px;
}
.homeSlider .item  .text-box span {
    color: #e84a5f;
}
.homeSlider .item  .text-box h1 {
    text-transform: uppercase;
    font-size: 50px;
	color: #ffffff;
}
.homeSlider .item .text-box h2 {
    text-transform: uppercase;
    font-size: 35px;
	color: #ffffff;
}
.homeSlider .item  .text-box p {
    font-size: 18px;
	color: #ffffff;
}
.homeSlider .item .text-box .btn {
    background: #e84a5f;
    border: 2px solid #e84a5f;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    width: 175px;
    font-size: 15px;
    line-height: 30px;
    margin-top: 10px;
    transition: all 0.4s;
    height: 43px;
}
.homeSlider .item  .text-box  .btn:hover{
    background:none;
	border:2px solid #e84a5f;
	transition: all 0.4s;
	color:#e84a5f;	
}

#about .introduction {
    background: #2b363c;
}
#about .introduction .box .section-heading h1 {
    color: #ebebeb;
}
#about .introduction .box .section-heading {
    margin-bottom: 30px;
}
#about  .introduction .box .section-heading .h-border {
    display: inline-block;
    background: #ffffff;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#about  .introduction .box .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}
#about .introduction .box .text-box .subtitle {
    font-size: 25px;
    text-transform: uppercase;
    color: #ebebeb;
}
#about .introduction .box .text-box p {
    color: #d7d7d7;
}
#about .introduction .box .text-box .space {
    margin-top: 30px;
}

#service .service {
    background: #f1f1f1;
}
#service .service .section-heading {
    color: #333333;
	margin-bottom: 60px;
}
#service  .service .section-heading .h-border {
    display:inline-block;
    background: #333333;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#service  .service .g-border {
    height: 18px;
    display:inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}

#service .service .box  .icon-box {
    float: left;
}
#service .service .box .icon-box .fa.fa {
    color: #e84a5f;
    font-size: 45px;
}
#service .service .box .text-box{
    margin-left:70px;
}	

#service .service .box .text-box .subtitle {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
#service .service .box .text-box  p {
    color: #999999;
    font-size: 15px;
}
#service .service .border {
    margin: 35px 0;
}
#portfolio .portfolio {
    background: #2a363b;
}
#portfolio  .portfolio  .section-heading .h-border {
    display: inline-block;
    background: #ffffff;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#portfolio  .portfolio .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}

#portfolio .portfolio .portfolio-menu {
    padding: 0;
    margin: 30px 0;
	text-align:center;
}
#portfolio .portfolio .portfolio-menu li {
    display: inline-block;
    margin: 0 15px;
}
#portfolio .portfolio .portfolio-menu li a {
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
	padding:0;
	transition: all 0.4s;
}
#portfolio .portfolio .portfolio-menu li a:hover {
    color: #e84a5f;
    transition: all 0.4s;
}
#section .portfolio .portfolio-menu li .active {
    color: #e84a5f !important;
}
#portfolio .portfolio .box .img-box {
    position: relative;
}
#portfolio .portfolio .box .icon-box {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: all 0.4s;
    transform: translate(-50%, -50%);
}
#portfolio .portfolio .box:hover .icon-box {
    z-index: +2;
    opacity: 1;
    transition: all 0.4s;
}
#portfolio .portfolio .box .icon-box .fa.fa {
    color: #fff;
    font-size: 15px;
    background: rgb(0, 0, 0, 0.6);
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 46px;
    border-radius: 50px;
	transition: all 0.4s;
}
#portfolio .portfolio .box .icon-box .fa.fa-eye {
    transform: translateX(-80px);
    transition: all 0.6s;
}
#portfolio .portfolio .box .icon-box .fa.fa-link {
    transform: translateX(80px);
    transition: all 0.6s;
}
#portfolio .portfolio .box:hover .icon-box .fa.fa-eye {
    transform: translateX(0);
    transition: all 0.6s;
}
#portfolio .portfolio .box:hover .icon-box .fa.fa-link {
    transform: translateX(0);
    transition: all 0.6s;
}
#portfolio .portfolio .box .icon-box .fa.fa:hover {
    background: #e84a5f;
    transition: all 0.4s;
}

#portfolio .portfolio .box:hover .img-box::before {
    position: absolute;
    text-align: center;
    content: '';
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    background: rgba(232, 74, 95, 0.8) none repeat scroll 0 0;
    transition: all 0.4s ;
    z-index: 1;
}
#portfolio .portfolio .box {
    overflow: hidden;
}
#portfolio .portfolio .box:hover .img-box img {
    transform: scale(1.3);
    transition: all 0.8s;
}

#portfolio .portfolio .column {
  display: none; 
}

#portfolio .portfolio .show {
  display: block;
}

#testimonial .testimonial {
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
	z-index: 1;
}
#testimonial .testimonial::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0, 0.5);
	z-index: -1;
}
#testimonial  .testimonial  .section-heading .h-border {
    display: inline-block;
    background: #ffffff;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#testimonial  .testimonial .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}
#testimonial .testimonial .testimonial-slider .item .box {
    background: rgb(225, 225, 225, 0.2);
	padding:30px 0;
}
#testimonial .testimonial .testimonial-slider .item .img-box img {
    margin: auto;
    border-radius: 100%;
    border: 5px solid #bbbbbb;
}
#testimonial .testimonial .testimonial-slider .item  .text-box h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 25px;
}
#testimonial .testimonial .testimonial-slider .item .text-box p {
    color: #e2e2e2;
    font-size: 13px;
}

#testimonial .testimonial .section-heading {
    margin-bottom: 50px;
}
#testimonial .testimonial-slider .slick-prev, .testimonial-slider .slick-next {
    background: rgb(222, 225, 225, 0.3);
    width: 40px;
    height: 40px;
    display: block;
    z-index: 99;
    transition: all 0.4s;
    border: 3px solid;
}
#testimonial .testimonial-slider .slick-prev:hover, .testimonial-slider .slick-next:hover {
    background: transparent;
    border-radius: 100%;
    transition: all 0.4s;
    border: 3px solid rgb(222, 225, 225, 0.3);
}
#testimonial .testimonial-slider .slick-prev {
    left: 50px;

}
#testimonial .testimonial-slider .slick-next {
    right: 52px;
}

#team .Our-team {
    background: #f1f1f1;
}
#team  .Our-team  .section-heading .h-border {
    display: inline-block;
    background: #333333;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#team  .Our-team .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}
#team .Our-team .section-heading {
    margin-bottom: 40px;
}
#team .Our-team .box .img-box img {
    width: 100%;
	transition: all 0.8s;
}
#team .Our-team .box:hover .img-box img {
    transform: scale(1.3);
    transition: all 0.8s;
}
#team .Our-team .box .img-box  {
    position:relative;
	overflow: hidden;
}
#team .Our-team .box {
    transition: all 0.4s;
	position: relative;
}
#team .Our-team .box:hover  .descrption {
    opacity: 1;
	transition: all 0.4s ;
	z-index:99;
}	
#team .Our-team .box .descrption {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
}
#team .Our-team .box  .descrption h2 {
    font-size: 16px;
    color: #fff;
    transform: translateY(-50px);
    transition: all 0.6s;
}
#team .Our-team .box:hover .descrption h2 {
    transform: translateY(0);
    transition: all 0.6s;
}
#team .Our-team .box  .descrption .social-icon {
    padding:0 0 0 20px;
	margin:0;
	transform: translateY(50px);
    transition: all 0.6s;
}
#team .Our-team .box:hover .descrption .social-icon {
    transform: translateY(0);
    transition: all 0.6s;
}	
#team .Our-team .box  .descrption .social-icon li {
    display: inline-block;
    margin-right: 18px;
}
#team .Our-team .box  .descrption .social-icon li a {
    color: #fff;
}
#team .Our-team .box  .descrption .social-icon li a:hover {
    color: #e84a5f;
}
#team .Our-team .box  .descrption .descrption-border {
    height: 1px;
    width: 45px;
    background: #fff;
    display: block;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}
#team .Our-team .box:hover .img-box::before {
    position: absolute;
    text-align: center;
    content: '';
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    background: rgba(232, 74, 95, 0.8) none repeat scroll 0 0;
    transition: all 0.4s ;
    z-index: 1;
}
#team .Our-team .team-name h1 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    margin: 20px 0 0;
	transition: all 0.4s ;
}
#team .Our-team  .team-name h1:hover {
    color: #e84a5f;
	transition: all 0.4s ;
}	

#Counting .Counting {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #f84974 0%, #f55a39 100%) repeat scroll 0 0;
}
#Counting .Counting .text-box .border{
    height: 2px;
    width: 45px;
    background: #fff;
    display: block;
    margin: auto;
    margin-top: 6px;
    margin-bottom: 12px;
}
#Counting .Counting .text-box h2 {
    font-weight: 600;
    color: #ffffff;
    margin: 0;
	font-size:42px;
}

#Counting .Counting .text-box h5 {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}
#Our-price .Our-price {
    background: #2a363b;
}
#Our-price .Our-price .section-heading {
    margin-bottom: 35px;
}
#Our-price .Our-price .section-heading h1 {
    color: #ffffff;
}
#Our-price  .Our-price  .section-heading .h-border {
    display: inline-block;
    background: #ffffff;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#Our-price  .Our-price .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}
#Our-price .Our-price .col-md-4 {
    padding: 0;
}
#Our-price .Our-price .box1, #section .Our-price .box3 {
    opacity: 0.8;
	transition: all 0.4s;
}
#Our-price .Our-price .box1:hover, #section .Our-price .box3:hover {
    opacity: 1;
    transition: all 0.4s;
}
#Our-price .Our-price .box {
    border: 1px solid #909090;
    padding: 20px 0;
}
#Our-price .Our-price .box2:hover .price-box h2 {
    color: #fff !important;
}
#Our-price .Our-price .box .price-box {
    padding: 10px 0;
}
#Our-price .Our-price .box .price-box h2 {
    font-size: 45px;
    font-weight: 500;
}
#Our-price .Our-price .box.box2  .price-box h2 {
    font-size: 60px;
	color:#e84a5f;
	transition: all 0.4s;
}
#Our-price .Our-price .box1:hover .price-box h2, #section .Our-price .box3:hover .price-box h2 {
    color:#e84a5f;
	transition: all 0.4s;
}	
#Our-price .Our-price .box.box2 {
    height: 105%;
}
#Our-price .Our-price .box .heading {
    background: #e84a5f;
    text-transform: uppercase;
    font-size: 22px;
    padding: 10px 0;
}
#Our-price .Our-price .box p {
    color: #e6e6e6;
    margin: 15px 0;
}
#Our-price .Our-price .box .btn {
    color: #fff;
    background: #e84a5f;
    text-transform: uppercase;
    border-radius: 0;
    display: block;
    width: 160px;
    margin: auto;
    height: 43px;
    line-height: 32px;
	transition: all 0.4s;
}
#Our-price .Our-price .box .btn:hover {
    border: 1px solid #e84a5f;
    background: transparent;
    transition: all 0.4s;
    color: #e84a5f;
}	
#Our-price .Our-price .box1 {
    margin: 35px 0 0 50px;
}
#Our-price .Our-price .box3 {
    margin: 35px 50px 0 0;
}
#Our-Expertise  .Our-Expertise{
    background:#f1f1f1;
}	
#Our-Expertise  .Our-Expertise .section-heading {
    margin-bottom: 35px;
}
#Our-Expertise  .Our-Expertise  .section-heading .h-border {
    display: inline-block;
    background: #333333;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#Our-Expertise  .Our-Expertise .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}
#Our-Expertise  .Our-Expertise p {
    color: #828282;
    font-size: 14px;
}
#Our-Expertise  .Our-Expertise .progress-box .progress {
    height: 8px;
    border-radius: 0;
	background: #c4c4c4;
	margin-bottom: 20px;
}
#Our-Expertise  .Our-Expertise .progress-box .progress .progress-bar {
    background: #e84a5f;
}
#Our-Expertise  .Our-Expertise .progress-box h6 {
    font-size: 15px;
    margin: 0 0 5px;
}
#Our-Expertise  .Our-Expertise .progress-box span {
    float: right;
}

#Blog .Recent-Blog  {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
	z-index: 1;
}

#Blog .Recent-Blog::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0, 0.5);
	z-index: -1;
}
#Blog .Recent-Blog .section-heading h1 {
    color: #ffffff;
}
#Blog .Recent-Blog  .section-heading {
    margin-bottom: 30px;
}
#Blog  .Recent-Blog .section-heading .h-border {
    display: inline-block;
    background: #ffffff;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#Blog  .Recent-Blog .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}
#Blog .Recent-Blog .box .img-box img {
    width: 100%;
}
#Blog .Recent-Blog  .box .text-box {
    background: rgba(232, 74, 95, 0.3) none repeat scroll 0 0;
	padding: 20px 9px 10px;
}
#Blog .Recent-Blog .box .text-box .title h2 {
    text-transform: uppercase;
    font-size: 25px;
}
#Blog .Recent-Blog .box .text-box .title  p {
    font-size: 13px;
	margin:0;
}
#Blog .Recent-Blog .box .text-box .title-border {
    border-bottom: 2px dotted;
    margin: 12px 0;
}
#Blog .Recent-Blog .box .text-box .social-box h6 {
    font-size: 13px;
}
#Blog .Recent-Blog .box .text-box .social-box h6 span {
    margin-left: 8px;
}
#Blog .Recent-Blog .box .text-box .btn {
    padding: 0;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 13px;
	transition: all 0.4s;
}
#Blog .Recent-Blog .box .text-box .btn:hover{
    color:#e84a5f;
	transition: all 0.4s;
}	
#Blog .Recent-Blog .box .text-box span {
    margin-left: 8px;
}

#Client .Our-Client {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #f84974 0%, #f55a39 100%) repeat scroll 0 0;
	padding:80px 0 40px;
}

#Client .Our-Client .img-box {
    border: 1px solid #fff;
    margin: 0 15px;
    padding: 6px 0;
    transition: all 0.6s;
}
#Client .Our-Client .img-box:hover {
    transform: scale(1.1);
    transition: all 0.6s;
}
#Contact .ContactSection{background:#f1f1f1;}
#Contact .ContactSection .section-heading {
    margin-bottom: 60px;
}
#Contact  .ContactSection .section-heading .h-border {
    display: inline-block;
    background: #333333;
    width: 45px;
    margin: auto;
    height: 2px;
	vertical-align: middle;
}
#Contact  .ContactSection .g-border {
    height: 18px;
    display: inline-block;
    width: 18px;
    background: #e84a5f;
    margin: auto;
    border-radius: 100%;
	vertical-align: middle;
	margin:0 6px;
}
#Contact .ContactSection .form-group .form-control {
    background: transparent;
    padding: 0;
	border:none;
	height: 45px;
}
#Contact .ContactSection .form-group .form-control input {
    width: 100%;
    background: none;
    border-bottom:1px solid #5A5A5A;
    border-top: 0;
    border-right: 0;
    border-left: 0;
	font-size: 13px;
}
#Contact .ContactSection .form-group .form-control textarea {
    width: 100%;
    background: none;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 1px solid #5A5A5A;
    font-size: 13px;
}
#Contact .ContactSection .form-group .form-control .btn {
    display: block;
    margin: auto;
    background: #e84a5f;
    border-radius: 0;
    width: 160px;
    margin-top: 60px;
    height: 41px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
	border:2px solid #e84a5f;
	transition: all 0.4s;
	line-height: 27px;
}
#Contact .ContactSection .form-group .form-control .btn:hover {
	border:2px solid #e84a5f;
	background:none;
	transition: all 0.4s;
	color:#e84a5f;
}
#Contact .ContactSection .form-group .form-control input:focus {
    border-color: #e84a5f;
}
#Contact .ContactSection .form-group .form-control #massage:focus {
    border-color: #e84a5f;
}
#Contact .ContactSection .form-group {
    margin-bottom: 0;
}

#footer .footer {
    background: #2a363b;
	color:#ffffff;
	padding: 80px 0 0;
}
#footer .footer  .box h2 {
    font-size: 26px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
#footer .footer .box p {
    color: #bbbbbb;
	font-size: 13px;
}
#footer .footer .box .footer-menu {
    padding: 0;
    margin: 0;
}
#footer .footer .box a {
    color: #bbbbbb;
    font-size: 13px;
	position:relative;
	transition: all 0.4s;
}
#footer .footer .box a:hover {
    color: #fff;
    transition: all 0.4s;
}
#footer .footer .box .link::before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #e84a5f;
    width: 25px;
    top: 20px;
	transition: all 0.8s;
}
#footer .footer .box .link:hover::before {
    content: "";
    width: 60px;
    transition: all 0.4s;
}
#footer .footer .box ul{
   padding:0;
   margin:0;
}
#footer .footer .box ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

#footer .footer .box ul li a .fa.fa {
    color: #e84a5f;
    font-size: 15px;
	width: 28px;
}
#footer .footer .about {
    padding-right: 35px;
}

#footer .footer .box h5 {
    text-transform: uppercase;
    font-size: 17px;
	margin: 0;
}
#footer .footer .copy-right p {
    color: #bbbbbb;
    font-size: 13px;
}
#footer .footer .copy-right {
    border-top: 1px solid #5F5F5F;
    margin-top: 30px;
    padding: 36px 0 22px;
}

#back2Top {
    height: 45px;
    width: 45px;
    background: #e84a5f;
    color: #fff;
    text-align: center;
    line-height: 42px;
    float: right;
    bottom: 50px;
    right: 20px;
    position: fixed;
    border-left: 5px solid #c92b40;
    z-index: 99;
    font-size: 20px;
    transform: rotate(-90deg);
	transition: all 0.4s;
	
}
#back2Top:hover {
    background: #cf384d;
    transition: all 0.4s;
}



/*-----------RESPONSIVE-PART------*/

@media screen and (max-width: 1199px) {
#header .navbar-nav .nav-item  .nav-link {
    font-size: 12px;
}	
}

@media screen and (max-width: 1004px) {
.homeSlider .item .text-box h2 {
    font-size: 20px;
}
.homeSlider .item .text-box p {
    font-size: 12px;
}
.homeSlider .item .text-box .btn {
    line-height: 22px;
    height: 35px;
	width:150px;
	font-size:14px;
}



}


@media screen and (max-width: 991px) {
.homeSlider .item {
    height: 560px;
}
.homeSlider .item .text-box h1{
    font-size:45px;
}	
.navbar-brand img {
    width: 150px;
}
#header .navbar-nav .nav-item .nav-link {
    font-size: 9px;
    padding: 0 11px;
}
#introduction .introduction .box .text-box p {
    font-size: 12px;
}
h1 {
    font-size: 35px;
}
#introduction .introduction .box .text-box .subtitle {
    font-size: 22px;
}
#service .service .box .icon-box .fa.fa {
    font-size: 30px;
}
#service .service .box .text-box {
    margin-left: 45px;
}
#service .service .box .text-box .subtitle {
    font-size: 15px;
}
#service .service .box .light-img-box img {
    width: 100%;
}	
#service .service .border {
    margin: 20px 0;
}
#service .service .box .text-box p {
    font-size: 10px;
}
#testimonial .testimonial .testimonial-slider .item .img-box img {
    width: 50%;
}
#testimonial .testimonial .testimonial-slider .item .text-box h2 {
    font-size: 25px;
}
#testimonial .testimonial .testimonial-slider .item .text-box p {
    font-size: 11px;
}
#testimonial .Our-team .box .descrption h2 {
    font-size: 15px;
}
#team .Our-team .box .descrption .descrption-border {
    width: 35px;
}
#team .Our-team .box .descrption .social-icon {
    padding: 0 0 0 15px;
}
#team .Our-team .box .descrption .social-icon li {
    margin-right: 13px;
}
#team .Our-team .box .descrption .social-icon li a {
    font-size: 10px;
}
#team .Our-team .team-name h1 {
    font-size: 20px;
    margin: 15px 0 0;
}
#Our-price  .Our-price .box1 {
    margin: 35px 0 0 15px;
}
#Our-price  .Our-price .box3 {
    margin: 35px 15px 0 0;
}
#Our-price  .Our-price .box .btn {
    width: 150px;
    height: 38px;
    line-height: 25px;
}
#Our-price  .Our-price .box.box2 {
    height: 102%;
}
#Our-Expertise .Our-Expertise p {
    font-size: 12px;
    margin: 0 0 6px;
}
#Blog .Recent-Blog .box .text-box .title h2 {
    font-size: 17px;
}
#Blog .Recent-Blog .box .text-box .title p {
    font-size: 11px;
}
#Client .Our-Client .img-box img {
    width: 100%;
}
#Contact .ContactSection .form-group .form-control .btn {
    width: 150px;
    height: 35px;
    font-size: 17px;
    line-height: 21px;
    margin-top: 30px;
}
#footer .footer .box h2 {
    font-size: 20px;
    margin-bottom: 12px;
}
#footer .footer .about {
    padding-right: 0;
}
#footer .footer .box p {
    font-size: 12px;
}	
#section .footer .box a {
    font-size: 12px;
}
#footer .footer .box ul li a .fa.fa {
    font-size: 12px;
    width: 20px;
}
#footer .footer .box h5 {
    text-transform: uppercase;
    font-size: 15px;
}
#footer .footer .box .footer-logo img {
    width: 150px;
}
#footer .footer .box .link:hover::before {
    width: 45px;	
}
#footer .footer .copy-right p {
    font-size: 12px;
}


@media screen and (max-width: 767px) {
.container {
    max-width: 900px;
}
#header .navbar .navbar-toggler .navbar-toggler-icon {
    background: #fff;
    display: block;
    height: 2px;
    margin: 7px 0;
}

#header .navbar .navbar-toggler.active .navbar-toggler-icon.top {
    transform: rotate(45deg);
	top: 7px;
	position: relative; 
	transition: all 0.4s;
}

#header .navbar .navbar-toggler.active.collapsed .navbar-toggler-icon.top {
	transform: rotate(0deg) !important;
	transition: all 0.2s;
	top: 0;
	position: relative; 
}

#header .navbar .navbar-toggler.active .navbar-toggler-icon.line {
    transform: rotate(-45deg);
	bottom: 11px;
	position: relative; 
	transition: all 0.4s;
}
#header .navbar .navbar-toggler.active.collapsed .navbar-toggler-icon.line{ 
	transform: rotate(0deg)!important;
	transition: all 0.2s;
	bottom: 0;
	position: relative;
 }
#header .navbar .navbar-toggler.active .navbar-toggler-icon.middle {
    opacity: 0;
}
#header .navbar .navbar-toggler.active.collapsed .navbar-toggler-icon.middle {
    opacity: 1;
}
#header .navbar #navbarSupportedContent {
    transition: all 0.5s;
	 border-top: 1px solid #dbdbdb;
    margin-top: 10px;
}
#header .navbar .navbar-toggler.active.collapsed:hover .navbar-toggler-icon.middle {
    transform: translateX(6px);
    transition: all 0.4s;
}
#header .navbar  button:focus {outline: none;}
#header .navbar {
    padding:0 10px;
}
#section .service .box .icon-box {
    float: none;
}
#service .service .box .text-box {
    margin-left: 0;
}	
#service .service .box {
    padding: 0 100px;
	text-align: center;
}
#service .service .box .icon-box .fa.fa {
    font-size: 45px;
}
#service .service .box .text-box .subtitle {
    font-size: 22px;
    margin-top: 10px;
}
#service .service .box .text-box p {
    font-size: 14px;
    padding: 0 35px;
}
#service .service .border {
    margin: 20px auto;
    width: 50%;
}
#service .service .box .light-img-box {
    display: none;
}
#portfolio .portfolio .box .icon-box .fa.fa { 
    width: 38px;
    height: 38px;
    line-height: 40px;
    font-size: 12px;
}
#testimonial .testimonial .slick-arrow {
    display: none !important;
}
#testimonial .testimonial .testimonial-slider .item .box {
    margin: 0 50px;
}
#testimonial .testimonial .testimonial-slider .item .img-box img {
    width: 20%;
}

#team  .Our-team .box .descrption h2 {
    font-size: 22px;
}
#team  .Our-team .box .descrption .social-icon li a {
    font-size: 20px;
}
#team  .Our-team .team-name h1 {
    font-size: 25px;
    margin: 15px 0;
}
#Our-price  .Our-price .box {
    margin: 0 15px ;
}
#Our-Expertise  .Our-Expertise .text-box {
    text-align: center;
    padding: 0 50px;
}
#Our-Expertise .Our-Expertise .progress-box {
    padding: 0 55px;
    margin-top: 30px;

}
#Our-Expertise .Our-Expertise .progress-box h6 {
    font-size: 14px;
}
#Our-Expertise .Our-Expertise .progress-box .progress {
    height: 5px;
    margin-bottom: 15px;
}
#Client  .Our-Client .img-box img {
    width: 230px;
}
#introduction introduction .box .text-box p {
    font-size: 10px;
}
#introduction .introduction .box .text-box .subtitle {
    font-size: 20px;
}
h1 {
    font-size: 32px;
}
#header {
    padding: 10px 0;
    transition: all 0.4s;
    background: #1F1F1F;
}
#header .navbar-nav .nav-item .nav-link {
    font-size: 15px;
	padding: 10px 0;
}




}



@media screen and (max-width: 575px) {
.homeSlider .slick-prev {
    left: 0;
}
.homeSlider .slick-next {
    right: 0;
}
.homeSlider .item .text-box h1 {
    font-size: 38px;
}
.homeSlider .item .text-box h2 {
    font-size: 20px;
}
#introduction .introduction .box .text-box p {
    font-size: 15px;
}
#service .service .box {
    padding: 0;
}
.homeSlider .item .text-box .btn {
    line-height: 17px;
    height: 30px;
    width: 125px;
    font-size: 13px;
}
h1 {
    font-size: 25px;
}
#introduction .introduction .box .text-box .subtitle {
    font-size: 18px;
}
#service .service .box .icon-box .fa.fa {
    font-size: 40px;
}
#service .service .box .text-box .subtitle {
    font-size: 18px;
}
#service .service .box .text-box p {
    font-size: 12px;
}
#portfolio .portfolio .portfolio-menu li a{
     font-size:11px;
}
#testimonial .testimonial .testimonial-slider .item .box {
    margin: 0 20px;
} 	
#testimonial .testimonial .testimonial-slider .item .img-box img {
    width: 50%;
}
#testimonial .testimonial .testimonial-slider .item .text-box h2 {
    font-size: 30px;
}
#testimonial .testimonial .testimonial-slider .item .text-box p {
    padding: 0 10px;
}
#Our-price  .Our-price .box2 {
    margin-top: 30px;
}
#Our-price  .Our-price .box3 {
    margin-top: 75px;
}
#Our-Expertise .Our-Expertise .text-box {
    padding: 0 20px;
}
#Our-Expertise .Our-Expertise .progress-box {
    padding: 0 20px;
}
#Client .Our-Client .img-box {
    margin-bottom: 25px;
}	
#footer .footer {
    position: relative;
}
#footer .footer .footer-logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
#footer .footer .box {
    margin-top: 25px;
}
#footer .footer .about {
    margin-top: 80px;
}
#footer .footer .copy-right {
    margin-top: 15px;
    padding: 20px 0 10px;
}
#footer .footer {
    padding: 50px 0 0;
}
#footer .footer .box .footer-logo img {
    width: 200px;
}
}