.header-box {

    position: relative;

    padding-bottom: 36px;

    padding-top: 30px;}

	

	

	.contact-container .contact-details {

    position: relative;

    margin-top: 45px;

}

	

	.contact-container .form-box {

    position: relative;

    display: inline-block;

    margin-top: 35px;}

	

	

	header.hero .inner-hero .details .fullname h3 {

    font-size: 60px;}

	

	

	[data-overlay]:before {

    content: '';

    position: absolute;

    background: #00000047;}

	

	

	

	.sidebar .box-logo {

    max-width: 100%;

    background-color: #FF9800;}

	

	

	.sidebar #menu-toggle {

    background-color: #059445;}

	

	.custom-btn .rect .inner {

    background-color: #001cb7;}

	

	

	.contact-container .form-box form .custom-btn {

    padding: 20px 50px 20px 50px;

    background-color: #001cb7;}

	

	.contact-container .contact-details .details-item i {

    color: #ff9800;}

	

	.contact-container .contact-details .details-item h5 {

    font-size: 18px;

    margin-bottom: 10px;

    color: #059445;

}

	

	body.nav-active .menu-full .contactWrapper .contact-item li {

    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);

    -moz-transform: rotate(0deg) translate3d(0, 0, 0);

    -ms-transform: rotate(0deg) translate3d(0, 0, 0);

    -o-transform: rotate(0deg) translate3d(0, 0, 0);

    transform: rotate(0deg) translate3d(0, 0, 0);

    color: #ccc;

}

	

	



	

	

	

	

	

	.main-box .header-about {

    margin-top: 80px;

}

	

	.main-box .page-body .page-section .box-info .box-about-item {

    padding-top: 50px;

    margin-bottom: 50px;

}

	

	.main-box .page-body .page-section .box-sticky .nav-pills .title-tab.dsn-active h4 {

    font-size: 30px;}

	.section-padding {

    padding-top: 75px;

    padding-bottom: 50px;

}

	

	

	.main-box .page-body .page-section .box-sticky .nav-pills .title-tab h4 {

    font-size: 30px;}

	

	

		.main-box .header-about h3 {

    font-size: 50px;}

	

	

	

	

	

	.page-work.section-padding {

    padding-top: 66px !important;

    padding-bottom: 80px !important;

}

	

	.project-lest li h3 {

    font-size: 40px;

    letter-spacing: 1px;}

	

	

	.page-project .page-work-content {

    padding-top: 20px;}

	.header-box .name-title h3 {

        font-size: 26px;

    letter-spacing: 0px;}

	

	

	

	.col-small {

    width: 20%;

}

.col-large {

    width: calc(82% - 46px);

}

.left-large {

    left: calc(18% + 46px);

}

	

	.page-project .page-work-content > * {

    margin-bottom: 10px;}

	

	.slider-item.swiper-slide-active .inner-hero {

    margin-top: 45px;

}

.slider-box .slider-item .inner-hero{

	  margin-top: 45px;

}













.dsn-grid-nav-box .boxnav-item-progress .boxnav-progress {

    position: relative;

    display: block;

    width: 3vw;

    height: 2px;

    background: rgb(76, 3, 3);

}

.dsn-grid-nav-box .boxnav-item-progress .number.swiper-pagination-custom {

bottom: 01px;}

.dsn-grid-nav-box .boxnav-item-progress .number.swiper-pagination-custom {

    bottom: 5px;

    left: unset;

    width: unset;

    background: #059445;

}

.dsn-grid-nav-box .boxnav-item-progress {

    position: relative;

    bottom: 0px;

}

.dsn-grid-nav-box .to-next i, .dsn-grid-nav-box .to-prev i {

color: #059445;}

.dsn-grid-nav-box {

     position: relative;

    top: auto;

    bottom: 90px;

    z-index: 1;}



.menu-full .menu-container ul .menu-item {

margin: 0px 0;}



header.hero .inner {

    margin-top: 20px;

    margin-bottom: 20px;

}

.owl-dots{display:none !important}

header.hero {

height: auto !important;}



header.hero {

    padding-top: 50px;padding-bottom:50px;

}



@media(max-width:3000px) and (min-width:992px){

	

	.dsn-grid-nav-box .boxnav-item-progress .number.swiper-pagination-custom {

    bottom:0px;}

	.dsn-grid-nav-box {

       bottom: 142px;

    left: 0px;}

	.dsn-grid-nav-box .to-next i, .dsn-grid-nav-box .to-prev i {

    color: #059445;

    margin-left:8px;

}

.dsn-grid-nav-box .to-next, .dsn-grid-nav-box .to-prev {

    cursor: pointer;

    width: 20px;

    margin-left:5px;

}

.dsn-grid-nav-box .boxnav-item-progress .boxnav-progress{display:none;}

	.dsn-grid-nav-box .to-next, .dsn-grid-nav-box .to-prev {

      cursor: pointer;

    width: 50px;

    margin-left: 5px;

    text-align: center;

    border: 1px solid #ff9800;

}

}

@media(max-width:1200px) and (min-width:992px){

	.main-box .page-body .page-section .box-sticky .nav-pills .title-tab.dsn-active h4 {

    font-size: 23px !important;}

	.menu-full .menu-container ul .menu-item a {

    color: #fff;

    font-size: 40px;}

	.menu-full .menu-container > ul {

    padding: 0 15px !important;

    width: 60% !important;}

	

	.menu-full .contactWrapper {

    width: 90%;}	

	.project-lest li h3 {

    font-size: 30px;}

	

	.project-lest li {

    margin-bottom: 25px;}

	.page-work.section-padding {

    padding-top: 30px !important;

    padding-bottom: 35px !important;

}



.header-box {

    position: relative;

    padding-bottom: 20px;

    padding-top: 5px;

}



	.header-box .name-title h3 {

    padding-top: 25px !important;    line-height: 2 !important;

}





.slider-box .swiper-slide img{height:400px !important}

.header-box .name-title .correspondenced{line-height:1.4 !important;font-size:23px !important; }









	

}



@media(max-width:991px) and (min-width:768px){

	.owl-carousel .owl-item img {

    width: 100%;

    height: auto !important;

    margin-bottom: 75px;

}

	.main-box .page-body .page-section .box-sticky .nav-pills .title-tab.dsn-active h4 {

    font-size: 23px !important;}

	.menu-full .menu-container ul .menu-item a {

    color: #fff;

    font-size: 40px;}

	.menu-full .menu-container > ul {

    padding: 0 15px !important;

    width: 60% !important;}

	

	.menu-full .contactWrapper {

    width: 90%;}	

	.project-lest li h3 {

    font-size: 30px;}

	

	.project-lest li {

    margin-bottom: 25px;}

	.page-work.section-padding {

    padding-top: 30px !important;

    padding-bottom: 35px !important;

}



.header-box {

    position: relative;

    padding-bottom: 20px;

    padding-top: 5px;

}



	.header-box .name-title h3 {

    padding-top: 25px !important;    line-height:1 !important;    margin-left: 30px;

}





.slider-box .swiper-slide img{height:400px !important}

.header-box .name-title .correspondenced{line-height:1.4 !important;font-size:23px !important; }



.menu-full .menu-container ul .menu-item a, .menu-full .menu-container ul .menu-item .sub-menu .menu-item.menu-item-back a {

    font-size: 30px !important;

}

.menu-full .contactWrapper .contact-item li {

    font-size: 13px;

    letter-spacing: 0.5px;

    line-height: 1.5;

margin-bottom: 10px;}

.col-large {

    width: calc(100% - 0px);

}



.sidebar.right.home-footer {

    background-color: white;

    position: fixed;

    z-index: 9;

    height: 45px;

    line-height: 0px;

}

.main-box .header-about h3 {

    font-size: 35px;

}





.main-box .header-about {

    margin-top: 60px;

}



.section-padding {

padding-top: 40px;}



.container {

    max-width: 100%;

}

.project-lest {

    margin-left: 55px;

}

.project-lest li h3 {

    font-size: 25px;

    text-transform: capitalize;

}

	.project-lest {

    padding-bottom: 30px;

}



.project-lest {

    margin-top: 35px;

}

.page-sidebar {

    display: block;

    position: relative;

    width: 100% !important;

    height: 500px;

    top: 0px;

    border: 50px;

}

.cover-bg.h-100.w-100{    background-position: 50% 20% !important;

    background-size: cover !important;}









.sidebar.right .contact-btn {

    display: block;

    position: relative;

    width: 200px;

    float: right;

    right: 54px;

    z-index: 999;

    left: initial;

}



.sidebar.right .contact-btn .contact-btn-txt {

    position: relative;

    right: -70px;

    top: 1px;

    height: 13px;

    padding-right: 5px;

    font-size: 13px;

    letter-spacing: 5px;

    -webkit-transform-origin: calc(100% - 6px) 50%;

transform: rotate(1800deg);}

.sidebar.right .contact-btn:before {

    right: 22px;

    top: -5px;

    background: #059445;

    width: 12px;

    height: 12px;

    border-radius: 0%;

border: 2px solid #242975;}

.dsn-grid-nav-box {

    position: relative;

    top: auto;

    bottom: 115px;

    z-index: 53;

    width: 90px;

}

.dsn-grid-nav-box .to-next, .dsn-grid-nav-box .to-prev {

    cursor: pointer;

    border: 2px solid #ff9800;

    margin: 5px;

    text-align: center;

}

.dsn-grid-nav-box .to-next i, .dsn-grid-nav-box .to-prev i {

    color: #059445;

    margin-right: 0px;

    font-size: 15px;

}



}

@media(max-width:767px) and (min-width:580px){

	.owl-carousel .owl-item img {

    width: 100%;

    height: auto !important;

    margin-bottom: 75px;

}

	.main-box .page-body .page-section .box-sticky .nav-pills .title-tab.dsn-active h4 {

    font-size: 23px !important;}

	.menu-full .menu-container ul .menu-item a {

    color: #fff;

    font-size: 40px;}

	.menu-full .menu-container > ul {

    padding: 0 15px !important;

    width: 60% !important;}

	

	.menu-full .contactWrapper {

    width: 90%;}	

	.project-lest li h3 {

    font-size: 30px;}

	

	.project-lest li {

    margin-bottom: 25px;}

	.page-work.section-padding {

    padding-top: 30px !important;

    padding-bottom: 35px !important;

}



.header-box {

    position: relative;

    padding-bottom: 20px;

    padding-top: 5px;

}



	.header-box .name-title h3 {

    padding-top: 25px !important;      font-size: 20px;

  line-height:1 !important;    margin-left:35px;

}





.slider-box .swiper-slide img{height:400px !important}

.header-box .name-title .correspondenced{line-height:1.4 !important;font-size:16px !important; }



.menu-full .menu-container ul .menu-item a, .menu-full .menu-container ul .menu-item .sub-menu .menu-item.menu-item-back a {

    font-size: 30px !important;

}

.menu-full .contactWrapper .contact-item li {

    font-size: 13px;

    letter-spacing: 0.5px;

    line-height: 1.5;

margin-bottom: 10px;}

.col-large {

    width: calc(100% - 0px);

}



.sidebar.right.home-footer {

    background-color: white;

    position: fixed;

    z-index: 9;

    height: 45px;

    line-height: 0px;

}

.main-box .header-about h3 {

    font-size: 35px;

}





.main-box .header-about {

    margin-top: 60px;

}



.section-padding {

padding-top: 40px;}



.container {

    max-width: 100%;

}

.project-lest {

    margin-left: 55px;

}

.project-lest li h3 {

    font-size: 25px;

    text-transform: capitalize;

}

	.project-lest {

    padding-bottom: 30px;

}



.project-lest {

    margin-top: 35px;

}

.page-sidebar {

    display: block;

    position: relative;

    width: 100% !important;

    height: 500px;

    top: 0px;

    border: 50px;

}

.cover-bg.h-100.w-100{    background-position: 50% 20% !important;

    background-size: cover !important;}





header.hero .inner-hero .bg .bg-image {

    width: 100%;

    height: 103%;

    margin: 0% 0 0 0%;

}



.sidebar.right .contact-btn {

    display: block;

    position: relative;

    width: 200px;

    float: right;

    right: 54px;

    z-index: 999;

    left: initial;

}



.sidebar.right .contact-btn .contact-btn-txt {

    position: relative;

    right: -70px;

    top: 1px;

    height: 13px;

    padding-right: 5px;

    font-size: 13px;

    letter-spacing: 5px;

    -webkit-transform-origin: calc(100% - 6px) 50%;

transform: rotate(1800deg);}

.sidebar.right .contact-btn:before {

    right: 22px;

    top: -5px;

    background: #059445;

    width: 12px;

    height: 12px;

    border-radius: 0%;

border: 2px solid #242975;}

.sidebar.right.home-footer {

    display: block;

}

.sidebar #menu-toggle {

margin-top: 0px;}



.dsn-grid-nav-box {

    position: relative;

    top: auto;

    bottom: 115px;

    z-index: 53;

    width: 90px;

}

.dsn-grid-nav-box .to-next, .dsn-grid-nav-box .to-prev {

    cursor: pointer;

    border: 2px solid #ff9800;

    margin: 5px;

    text-align: center;

}

.dsn-grid-nav-box .to-next i, .dsn-grid-nav-box .to-prev i {

    color: #059445;

    margin-right: 0px;

    font-size: 15px;

}

}

@media(max-width:579px) and (min-width:280px){

	.owl-carousel .owl-item img {

    width: 100%;

    height: auto !important;

    margin-bottom: 75px;

}

	.dsn-grid-nav-box {

    position: relative;

    top: auto;

    bottom: 115px;

    z-index: 53;

    width: 90px;

}

.dsn-grid-nav-box .to-next, .dsn-grid-nav-box .to-prev {

    cursor: pointer;

    border: 2px solid #ff9800;

    margin: 5px;

    text-align: center;

}

.dsn-grid-nav-box .to-next i, .dsn-grid-nav-box .to-prev i {

    color: #059445;

    margin-right: 0px;

    font-size: 15px;

}

	.main-box .page-body .page-section .box-sticky .nav-pills .title-tab.dsn-active h4 {

    font-size: 23px !important;}

	.menu-full .menu-container ul .menu-item a {

    color: #fff;

    font-size: 40px;}

	.menu-full .menu-container > ul {

    padding: 0 15px !important;

    width: 100% !important;}

	

	.menu-full .contactWrapper {

    width: 90%;}	

	.project-lest li h3 {

    font-size: 30px;}

	

	.project-lest li {

    margin-bottom: 25px;}

	.page-work.section-padding {

    padding-top: 30px !important;

    padding-bottom: 35px !important;

}



.header-box {

    position: relative;

    padding-bottom: 20px;

    padding-top: 5px;

}



	.header-box .name-title h3 {

    padding-top: 25px !important;      font-size: 20px;

  line-height:1 !important;    margin-left:35px;

}





.slider-box .swiper-slide img{height:400px !important}

.header-box .name-title .correspondenced{line-height:1.4 !important;font-size:16px !important; }



.menu-full .menu-container ul .menu-item a, .menu-full .menu-container ul .menu-item .sub-menu .menu-item.menu-item-back a {

    font-size: 30px !important;

}

.menu-full .contactWrapper .contact-item li {

    font-size: 13px;

    letter-spacing: 0.5px;

    line-height: 1.5;

margin-bottom: 10px;}

.col-large {

    width: calc(100% - 0px);

}



.sidebar.right.home-footer {

    background-color: white;

    z-index: 9;

    height: 77px;

    line-height: 0px;

    width: 100%;

    float: left;

}

.main-box .header-about h3 {

    font-size: 25px;

}





.main-box .header-about {

    margin-top: 60px;

}



.section-padding {

padding-top: 40px;}



.container {

    max-width: 100%;

}

.project-lest {

    margin-left: 5px;

}

.project-lest li h3 {

    font-size: 25px;

    text-transform: capitalize;

}

	.project-lest {

    padding-bottom: 50px;

}



.project-lest {

    margin-top: 35px;

}

.page-sidebar {

    display: block;

    position: relative;

    width: 100% !important;

    height: 500px;

    top: 0px;

    border: 50px;

}

.cover-bg.h-100.w-100{    background-position: 50% 20% !important;

    background-size: cover !important;}





header.hero .inner-hero .bg .bg-image {

    width: 100%;

    height: 103%;

    margin: 0% 0 0 0%;

}



.sidebar.right .contact-btn {

    display: block;

    position: relative;

    width: 200px;

    float: right;

    right: 54px;

    z-index: 999;

    left: initial;

}



.sidebar.right .contact-btn .contact-btn-txt {

    position: relative;

    right: -48px;

    top: 1px;

    height: 13px;

    padding-right: 5px;

    font-size: 13px;

    letter-spacing: 5px;

    -webkit-transform-origin: calc(100% - 6px) 50%;

transform: rotate(1800deg);}

.sidebar.right .contact-btn:before {

    right: 22px;

    top: -5px;

    background: #059445;

    width: 12px;

    height: 12px;

    border-radius: 0%;

border: 2px solid #242975;}

.sidebar.right.home-footer {

    display: block;

}



header.hero .inner-hero .details .fullname h3 {

    font-size: 25px;

}

.contact-modal {

    position: fixed;

width: calc(100% - 0px);}





.sidebar.right.home-footer .copyright {

    left: 0px;

    width: 100% !important;

    line-height: 13px;

    text-align: center;

    top: 45px;

}





.slider-box .swiper-slide img {

    height: auto !important;

}



.slider-box .swiper-slide{height:300px !important}

header.hero {

height: 450px;}

.dsn-grid-nav-box .boxnav-item-progress {

    bottom: 0px !important;

}





.header-box .name-title {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

}





.header-box .name-title {

    text-align: center !important;

}



.header-box .name-title h3{

	    margin: 0px;

    padding: 13px !important;

    height: auto !important;

    font-size: 14px !important;

    text-transform: uppercase;

	

}



.header-box .name-title span {

font-size: 11px !important;}

header.hero .inner-hero {

    width: 100%;

    height: auto;

}

header.hero .inner-hero img {

    width: 100%;

    height: auto !important;

}

#homes{    height: 100vh;

}

.visoding{padding-bottom:0px !important}

.sidebar #menu-toggle {

margin-top: 0px;}

}













.dsn-grid-nav-box {

display: none !important;}