.header-in-page .navigation .nav-links li .main-menu {
    margin: 0 10px;
}


.header-logo img 
{
    margin-top:-18px;
}

.button-search {
    position: relative;
    /* width: 130px; */
}
/* sart service page section */
.mainservicont ul
{
padding-left:15px !important;
}
.mainservicont li::marker
{
    color:#102246 !important;
}
.mainservicont  h3
{
    color:#000 !important;
    margin-top:18px !important;
    font-size:20px !important;
    font-family: inherit !important;

}
.mainservicont p strong
{
    color:#000 !important;
}

/* end services page section */
.pdsf
{
    padding:0 8px !important;
    text-align:center;
}
.pdsf img
{
    width:50px;
}
.contcount h3
{
    margin-top: 8px !important;
    margin-bottom: 6px;
    font-size:20px !important;
}
.contcount p
{
    font-size:16px !important;
}
.vms
{
    font-size: 22px;
    line-height: 28px;
    color: #000;
    /* text-align: center; */
}
/* start career section */
.careersd h3
{
    color:#000 !important;
}
.careersd ul li::marker
{
    color:#102246 !important;
}
.careersd ul
{
    padding-left:15px !important;

}
/* end career section */

.navigation-pc .button-search .nav-search {
    margin: 0px 0;
}

.dropdown-menu-1 li > .link-page, .dropdown-menu-2 li > .link-page {
line-height: 40px;}
.header.header-fixed .header-main .logo img {
    width: auto;
}


.header.header-fixed .button-search .nav-search {
    margin: 1px 0;
}


.contact .box-media .box-icon i {
    color: #54c5c1;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    font-size: 35px;
}
.box-contact .title {
    color:#000000;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.box-contact .border-box-contact {
background-color: #f9a00e;}
.footer-main.layout-2 {
    padding-top: 0px;
    padding-bottom: 1px;
}


.footer-copyright {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}




footer .socials .link, .footer-wrapper .socials .link {
    font-size: 14px;
line-height: 3;}


.bg-secondary {
    background-color: #000;
    color: #ffffff;
}
.header-01.header-fixed .navigation .nav-links li .main-menu {
    line-height: 75px;
    font-size: 35px;
}



.dropdown-menu-1 li > .link-page, .dropdown-menu-2 li > .link-page {    border-bottom: 1px dashed #ccc;
background-color: #00a09b;}



.dropdown-menu-1 li:hover > .link-page, .dropdown-menu-2 li:hover > .link-page {
    color: #f9da10;
    background-color: #55c6c2;
}
.page-title .group-title.group-title-1.group-heading .main-title {
    color: #bfd5ff;
}
.group-title .main-title {
color: #005e64;}
.header-01 .navigation .nav-links li .main-menu {
line-height: 75px;}

.header-01 .dropdown-menu-1 li > .link-page, .header-01 .dropdown-menu-1 li > .link-page:hover, .header-01 .dropdown-menu-1 li > .link-page:focus, .header-01 .dropdown-menu-2 li > .link-page, .header-01 .dropdown-menu-2 li > .link-page:hover, .header-01 .dropdown-menu-2 li > .link-page:focus {
line-height: 70px;}

.bg-secondary .navigation .nav-links li.active .main-menu, .bg-secondary .navigation .nav-links li:hover .main-menu {
    color: #f9a00e;
}

#home .header.header-fixed .header-main .logo img {
    width: auto;
    display: none;
}


.our-client.layout-1 .group-content .text {
margin-top: 35%;}

.our-client.layout-1 .nav-slide-client {
bottom:17px;}

.slide-logo-wrapper {
width: 100%;}

.slide-logo-wrapper .slick-dots{display:none !important;}

.group-title.group-title-1 .main-title .dot {
    border: 1px solid #3dc558;
background-color: #3dc558;}

.contact .box-media .icons:before {
    border-left: 1px solid #bd0b62;
    border-bottom: 1px solid #bd0b62;
}

.contact .box-media:hover .box-icon .icons i {
    color: #bd0b62;
}

.contact.layout-1 .banner .banner-left:before {
    background-color: #102246;
}
.our-subscribe {
    position: relative;
    overflow: hidden;
    background-color: #102246;
    color: #ffffff;
}
.our-client.layout-3 {
background-color: #102246;}
.group-title .main-title span {
    color: #286868;
}

.footer-main {
    position: relative;
background-color: #00000000;}


footer .socials .link, .footer-wrapper .socials .link {
color: #000000;}

.footer-main.layout-2 .footer-wp-text {
    text-align: center;
    border-bottom: none;
    padding-top: 46px;
    padding-bottom: 31px;
    margin-bottom: 33px;
}

.homepage-banner-warpper .banner-info .mute-title {
    top: 27%;
}

.homepage-banner-warpper .banner-info .caption {
margin-top: 130px;}

#home .group-title.group-title-2 .main-title .mute-title {
margin: 95px 0 0;}

.our-latest-work.layout-2 .box-content-wrap .group-content .group-wrapper .main-title {
font-size: 22px;}

#home .group-title.group-title-2 .main-title .dot {
    border: 1px solid #3dc558;
background-color: #3dc558;}

#home .group-title .main-title span {
    color #fb037c;
}

#home .box-media:hover .box-icon .number {
    color: #fff;
}

#home .banner-adv .box-purchase .box-purchase-line-1, #home .banner-adv .box-purchase .box-purchase-line-2 {
    background-color: transparent;
border: 1px solid #fb037c;}

#home .btn.btn-primary {    color: #000;
    background-color: #f9da10;
border-color: #f9da10;}
#home .group-title.group-title-1 .main-title .dot {
    border: 1px solid #3dc558;
    background-color: #3dc558;
}

#home .group-title .main-title {
    color: #000000;
}

#home .box-media .box-icon .icon-1:before, #home .box-media .box-icon .icon-1:after {
background-color: #4ae0db;}
#home .box-media .box-icon .number {
color: #2ae2dc;}

#home .header-01 .group-title.group-title-1 .mute-title {
    font-size: 100px;
    color: #4e4e4e;
    opacity: 0.25;
    position: relative;
    top: auto;
    left: 25%;
}
#home .header-01 .navigation .nav-links {
margin: 10% 30%;}


/* start service list section */
.serviclister li
{ 
    float:left;
  width:462px;
}
.serviclister1 li
{ 
    float:left;
  width:305px;
}
.serviclister
{
    margin-bottom:20px !important;
}
/* end service list section */



/* .header-01 .header-main .logo img {
height: 60px !important;} */

.slider-img2 .slick-next {
    float: left !important;
    left: 100px !important;
}



.col-xs-5c,
.col-sm-5c,
.col-md-5c,
.col-lg-5c {
    padding-right: 1%;
    padding-left: 1%;
    float:left
}
.col-xs-5c {
    width: 20%;  
}
@media (min-width: 450px) {
    .col-sm-5c {
        width: 20%;    
    }
}
@media (min-width: 768px) {
    .col-md-5c {
        width: 20%;
    
    }
    .header-logo img 
    {
        margin-top:0 !important;
    }
}
@media (min-width: 1024px) {
    .col-lg-5c {
        width: 20%;
    
    }
}
@media (min-width: 1280px) {
    .col-xl-5c {
        width: 20%;
    }
}

.page-title {
    position: relative;
    width: 100%;
    height: 225px;
    padding-bottom: 30px;
    padding-top: 70px;
}
.padding-bottom-100 {
    padding-bottom: 70px;
}
.group-title.group-title-1.style-6 .main-title {
    padding-left: 170px;
    margin-bottom: 40px;
}

.our-latest-work.layout-2 .box-content-wrap .group-content .group-wrapper {
    background-color: #000000;
    padding: 5% 5% 8% 13%;
}

.our-latest-work.layout-2 .box-media:hover .box-icon .title {
    color: #ff6000;
}
.our-latest-work.layout-1 .box-media:hover .box-icon .title {
    color: #ff6000;
}
.our-latest-work.layout-2 .box-media .box-icon .title{   color: #ff6000;}
.our-latest-work.layout-2 .box-media .box-icon .title:before {
  right: 114%;
    height: 1px;
background-color: #ffffff;}
.our-latest-work.layout-1 .box-media .box-icon .title{  color: #ff6000;}

.our-latest-work.layout-1 .box-content-wrap .box-content-left {
    width: 45%;
    background-color: #000000;
    position: absolute;
    padding: 5% 5% 5% 5%;
    margin-top: 40px;
}



.group-title.group-title-5 .main-title:after {
    height: 1px;
background-color: #3dc558;}
.group-title.group-title-5 .main-title:before {
    height: 30px;
background-color: #3dc558;}


.contact .box-media .box-icon i {
color: #5886dd;}

.dropdown-menu-1 li > .link-page, .dropdown-menu-2 li > .link-page {
    border-bottom: 1px dashed #ccc;
    background-color: #000000;
}
.dropdown-menu-1 li:hover > .link-page, .dropdown-menu-2 li:hover > .link-page {
    color: #ffffff;
    background-color: #ff6000;
}

.group-title.group-title-1.group-heading .main-title .mute-title {
       top: -70px;
    font-size: 40px;

}

.service-provide-widget{height:315px;}

#fancybox-thumbs{display:none;}
.footer-main.layout-2{background:#fff;}

footer .socials .link, .footer-wrapper .socials .link {
    color: #000000;
}

.footer-copyright .text {
    font-size: 13px;
    text-align: center;
    color: #000000;
    letter-spacing: 0.5px;
}


body{font-size:13px;letter-spacing:0.5px}
.slide-logo-wrapper .item img {
    display: inline-block;
    padding: 0px 0px;
}
.slide-logo.padding-bottom100 .row{padding:0px 0px;}
.slide-logo.padding-bottom100{padding: 40px 0px !important;}
.banner-left {
    background: #286868;
    padding: 25px !important;
}
.banner{    padding: 0px 1px !important;}
.group-progress-bar-list .progress-item .progress .progress-bar {
    position: relative;
background-color: #9d9e9e;}

@media(max-width:1200) and (min-width:992px){
	.about-us.layout-4.padding-top-0.padding-bottom-100{padding-top:30px !important;}
	.service-provide-widget{height:315px;}
	
	
}
@media(max-width:991px) and (min-width:768px){
	.service-provide-widget{height:315px;}
	.header-main-wrapper {
    background: #000;
    position: relative;
    z-index: 999;
}
	.main-content{margin-top:70px;}
	
	.page-title .page-title-wrapper .page-title-content {
    display: block;}
	.page-title {
    position: relative;
    width: 100%;
    height: 150px;}
	body {
    font-size: 13px;
    line-height: 21px;
}
.service-provide-widget .title {
font-size: 17px;}
.header.header-fixed .header-main .logo img {
    width: auto;
    display: none;
}
	.about-us {
    padding-bottom: 50px;
}

.about-us {
    position: relative;
    overflow: hidden;
}
.padding-bottom-100 {
    padding-bottom: 50px;
}
.padding-top-100 {
    padding-top: 50px;
}
	
	.button-search{display:none !important}
	
	.bg-secondary .navigation .nav-links li .main-menu{    font-size: 16px;
    line-height: 44px !important;}
	
	.contact.layout-1 .group-title .main-title{    font-size: 18px !important;}
	.header-02.header-fixed .header-main .hamburger-menu, .header-in-page.header-fixed .header-main .hamburger-menu {
    margin: 0 0 0 15px;
    top: 33px;
    left: -7px;}
	
	
	.header-02.header-fixed, .header-in-page.header-fixed {
    background-color: #f9a00e;}
	.group-title .main-title {
    font-size: 20px;}
	
	.logo img{    height: 50px !important;
}
	.hamburger-menu .line-menu {
    background-color: #000000 !important;
}
	
	.accordion-group .panel-heading .panel-title b{text-transform:capitalize !important;font-weight:normal !important}
	
	.slider-img-banner .slide {
    height: 365px;}
	.page-banner-6 .homepage-banner-warpper .banner-info .caption {
    font-size: 30px;}
	.page-banner-6 .homepage-banner-warpper .banner-info .main-title {
    top: 50% !important;
    left: 90px !important;
}
.box-content-wrap img {
    width: 100%;
    height: auto !important;
    margin: 0px 0px;
}
	.group-title.group-title-2 .main-title:after {
    content: "";
    width: 161px;
    height: 1px;
    bottom: 5px;
    right: auto;
    left: -185px;
}
.working-flow-widget2 {
    width: 100%;
    height: 340px !important;
}
.icons img{height:340px !important}
.service-provide-widget img{height:auto !important}

.abtoud{margin:30px 0px}
.page-title {
    padding-top: 15px;
}


}
@media(max-width:767px) and (min-width:280px){
    .box-content-wrap .container, .header .container, .container {
    width: 100% !important;
}

.slick-prev
{
    top:60px !important;
}
.slick-next
{
    bottom:88px !important;
}
.contcount
{
    text-align:center !important;
    margin-bottom:15px !important;
}
.about-project
{
    padding-top:0 !important;
}
.navigation-all
{
    background:rgb(255 255 255 / 80%) !important;
}
.block-row-left h4
{
    font-size:20px !important;
}
.page-banner-6 .homepage-banner-warpper .banner-info .caption
{
    margin-top:20px !important;
}
.header-02.header-fixed, .header-in-page.header-fixed
{
    height:120px !important;
    padding:15px !important;
    display:none !important
}
.header-02.header-fixed, .header-in-page.header-fixed .header .header-main
{
    background-color:#ff6000 !important;
}
.serviclister li
{
    width:100% !important;
}
	.boxservices {
    padding: 7.357em 2.857em;}
	.service-provide-widget {
    height: auto !important;}
	.page-title {
    padding-top: 15px;
}
	.service-provide-widget{height:315px;}
	.header-main-wrapper {
     /*background: #000;*/
    position: relative;
    z-index: 999;
    height: 70px;
}
	.main-content{margin-top:70px;}
	
	.page-title .page-title-wrapper .page-title-content {
    display: block;}
	.page-title {
    position: relative;
    width: 100%;
    height: 120px;}
	body {
    font-size: 13px;
    line-height: 21px;
}
.service-provide-widget .title {
font-size: 17px;}
.header.header-fixed .header-main .logo img {
    width: auto;
    display: none;
}
	.about-us {
    padding-bottom: 50px;
}

.about-us {
    position: relative;
    overflow: hidden;
}
.padding-bottom-100 {
    padding-bottom: 50px !important;
padding-top:50px !important;
}
.padding-top-100 {
    padding-top: 50px !important;
}
	
	.button-search{display:none !important}
	
	.bg-secondary .navigation .nav-links li .main-menu{    font-size: 16px;
    line-height: 44px !important;}
	
	.contact.layout-1 .group-title .main-title{    font-size: 18px !important;}
	.header-02.header-fixed .header-main .hamburger-menu, .header-in-page.header-fixed .header-main .hamburger-menu {
    margin: 0 0 0 15px;
    top: 33px;
    left: -7px;}
	
	.about-project .group-wrapper {padding-top: 30px;
    width: 100%;float: left;}
	
	.header-02.header-fixed, .header-in-page.header-fixed {
    background-color: #f9a00e;}
	.group-title .main-title {
    font-size: 20px;}
	
	.logo img{    height: 50px !important;  margin-top:0 !important;
}
	.hamburger-menu .line-menu {
    background-color: #000 !important;
}
	
	.accordion-group .panel-heading .panel-title b{text-transform:capitalize !important;font-weight:normal !important}
	
	.slider-img-banner .slide {
    height: 180px;}
	.page-banner-6 .homepage-banner-warpper .banner-info .caption {
    font-size:18px;}
	.page-banner-6 .homepage-banner-warpper .banner-info .main-title {
    top:30% !important;
    left:7% !important;
}
.box-content-wrap img {
    width: 100%;
    height: auto !important;
    margin: 0px 0px;
}
	.group-title.group-title-2 .main-title:after {
    content: "";
    width: 161px;
    height: 1px;
    bottom: 5px;
    right: auto;
    left: -185px;
}
.working-flow-widget2 {
height: 142px !important;
    padding: 15px !IMPORTANT;
}
.working-flow-widget .title {
font-size: 16px;}
.icons img{height:auto !important}
.service-provide-widget img{height:auto !important}

.abtoud{margin:30px 0px}
.categories-list-inner {
width: 100% !important;}

.blog-base-widget{margin-bottom:0px !important}
.footer-main.layout-2 .about-us-widget .footer-logo img{width:100% !important;    height: 114px;}
.tag {
    padding: 0 12px 0 4px !important;
    margin: 10px 5px 0;

}
.accordion-group .panel-heading .panel-title {
    font-size: 11px !important;
}

.ulined {
    width: 50% !important;
    float: left;
    border: none !important;
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: capitalize !important;
    letter-spacing: 1px;
}
.box-item-width-50-responsive {
    width: 100% !important;
}
.navigation .navigation-all .nav-links li a span{font-size:20px !important;}

.abtoud img{margin-top:30px}
#home .group-title.group-title-2 .main-title .mute-title {
    margin: 95px 0 0;
    display: none;
}
.col-xs-5c, .col-sm-5c, .col-md-5c, .col-lg-5c {
width: 100% !important;}
.slide-logo1 img {
    width: 100%;
}
.group-title.group-title-1.style-6 .main-title {
padding-left: 65px;}

.working-flow-wrapper .col-xs-6.col-sm-6.col-md-3{height:230px;margin-bottom:30px;}
.our-client.layout-1 .client-slick .item .description .text {
    font-style: normal;
    color: #ffffff;
    font-size: 18px !important;
line-height: 26px !important;}

.our-client.layout-1 .client-slick .item .description {
    position: relative;
    padding: 0px 0px 27px;
}
.our-client.layout-1 .nav-slide-client {
    bottom: -34px;
}
.gallery-portfolio {
    text-align: center;
    height: auto !important;
}
.box-item-width-50-responsive {
    width: 100% !important;
    position: relative !important;
}
.box-content-wrap .container, .header .container, .container {
    width: 100% !important;
}
.box-item-width-50-responsive {
    width: 100% !important;
    position: relative !important;
}
.about-project.slide-vertical.padding-top-00.padding-bottom-100{padding-top:0px !important;padding-bottom:0px !important}
.our-portfolio.layout-6.padding-top-0{margin-left: 0;
    margin-right: 0;
    width: 100%;
    float: left;
    margin-top: 20px;}




#video_resp{    float: right;
    width: 100% !important;
    margin: 27px auto -32px !important;}


.col-md-5c .img-responsive.hover {
padding: 0px 15px !important;

height:150px !important;
object-fit:cover !important;
margin-bottom:15px !important;
}	
.mainservicont  p:first-child
{
    margin-top:190px !important;
}
.footer-wp-text .container
{
    padding-bottom:20px !important;
}
footer .socials .link, .footer-wrapper .socials .link
{
    margin:0 5px !important;
}



}







