.loder-part{ width:9%; margin:0 auto;}

@media only screen and (min-width:1920px) {
    .navbar-brand > img{width: 600px !important;}
    .mobilenav li a{font-size: 30px !important;}
    .mobilenav li{padding: 15px !important;}
}

@media only screen and (max-width:540px) {
    .listgallery .gallry_col{padding: 0px !important;width: 100% !important;}
    .navbar-brand > img{width: 245px;}
    .mian-box h3 {padding-bottom: 0px;}
    .img-one{margin-top: 20px;}
    .experienc {padding: 15px 15px 0px 15px !important;}
    .clients-part h3{line-height: 34px;}
    .table-cell-footer{height: 170px;}
    #main-video-part {width: 95%;}
    #video-viewport{height: 314px !important;}
    #video-part{padding: 40px 0px;}
    .new-kk {padding: 0 0px;}
    iframe.detail_video_view{height: 300px !important;}
    .icon{margin: 20px;}
}

@media only screen and (max-width:414px) {
    iframe.detail_video_view{height: 206px !important;}
    .icon{margin-top: 25px !important;}
    .sticky .icon{margin-top: 14px !important;}
}

@media only screen and (max-width:912px) {
    #video-viewport{height: 500px !important;}
    .listgallery .gallry_col{width: 50%;float: left;}
}

@media only screen and (min-width:1440px) {
    .icon{margin-right: 80px;}
    .mian-box h3{font-size: 55px;}
    .table-cell-new-six h1{font-size: 42px;}
    .text-video h3{font-size: 32px;}
    #video-viewport{height: 688px !important}
    .navbar-brand > img{width: 515px;}
    .top-menu{width: 80px;height: 4px;}
    .mid-menu{width: 80px;height: 4px;top: 20px;}
    .bottom-menu{width: 80px;height: 4px;top: 40px;}
    .slider-text-part p{font-size: 20px;}
    .slider-text-part h3 {font-size: 24px;}
    .slider-text-part h4 {font-size: 18px;}
    .video-line h3{font-size: 32px;}
    .two-line h3{font-size: 32px;}
    .clients-part h3{font-size: 32px;}
    .mobilenav ul{margin-top: 170px;}
    .mobilenav li a{font-size: 26px;}
    .mobilenav li{padding: 8px;}
    .project_tabs ul.nav.nav-tabs li a{font-size: 22px;}
    h2.mb.new_title{font-size: 32px !important;}
}

@media only screen and (max-width:1280px) {
    .videogallery_one iframe{height: 345px !important;}
}

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

	.navbar-default .navbar-nav > li > a{ font-size:12px;}

.nav > li > a{ padding:10px 7px;}

#video-viewport video {

    width:auto; 

    height: 100%;

}



}



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

.img-contact-project p {

    font-size:32px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 70%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}

.img-contact-project1 p {

    font-size:32px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 50%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}

.img-contact-project2 p {

    font-size:32px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 55%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}

.modal-dialog{ width: 96%;}

.popup-part {

    position: absolute;

    display: none;

    background-color: rgba(0, 0, 0, 0.75);

    border: 2px solid #404040;

    top: 97px;

    padding: 15px;

    border-radius: 10px;

    width: 51%;

    left: 15px;

}

.popup-part1 {

    position: absolute;

    display: none;

    background-color: rgba(0, 0, 0, 0.75);

    border: 2px solid #404040;

    top: 97px;

    padding: 15px;

    border-radius: 10px;

    width: 51%;

    left: 15px;

}

.box-img-tab {

    background-color: rgba(0, 0, 0, 0.75);

    width: 45%;

    margin: 10% auto;

    border: 2px solid #404040;

    border-radius: 10px;

    padding: 15px;

    position: relative;

}



.image-hover-text{overflow-x:hidden;}

.newcarrer {

    height: 100%!important;

	padding:90px 0;

}

.careers p{ padding:50px 70px;}

.map iframe{ height:400px;}

.sld_01{ width: 89%!important; margin:0 auto!important;

    height: 400px!important;}

#cycler img{width: 100%!important; margin:0 auto!important;

    height: 400px!important;}

	.new-btn{ letter-spacing:3px;}

	.table-cell-new h1, .table-cell-new-six h1, .table-cell-new h1{ font-size:27px;}

	.text-video h3{line-height: 42px; font-size: 30px;}

}





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

.side-full{ padding-top:40px;}

.none-part{ display:block;}

.none-part1{ display:none;}

.side-text{ padding:15px;}

.side-text-left{padding:15px;}

.side-img{padding:15px!important;}





.mian-box{ padding:0 15px!important;}

.nav.navbar-nav.navbar-right{ display:none;}

.navbar-toggle.collapsed{display:none;}	

.icon{ display:block;}

.sld_01{ width: 72%!important; margin:0 auto!important;

    height: 400px!important;}

#cycler img{width: 100%!important; margin:0 auto!important;

    height: 400px!important;}

	.new-btn{ letter-spacing:3px;}

	.table-cell-new h1, .table-cell-new-six h1, .table-cell-new h1{ font-size:27px;line-height: 58px;}

	.text-video h3{line-height: 42px; font-size: 30px;}

}







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

.box p{padding:0 20px;}

.box1 p{padding:0 20px;}

.box-img-tab.result{width: 30%;}



.box-img-tab {

    background-color: rgba(0, 0, 0, 0.75);

    width: 30%;

    margin: 10% auto;

    border: 2px solid #404040;

    border-radius: 10px;

    padding: 15px;

    position: relative;

}

.popup-part {

     position: absolute;

    display: none;

    background-color: rgba(0, 0, 0, 0.75);

    border: 2px solid #404040;

    top: 17px;

    padding: 15px;

    border-radius: 10px;

    width: 50%;

    left: 10px;

}

.popup-part1 {

    position: absolute;

    display: none;

    background-color: rgba(0, 0, 0, 0.75);

    border: 2px solid #404040;

    top: 17px;

    padding: 15px;

    border-radius: 10px;

    width: 60%;

    left: 10px;

}



.box{ display:none;}

.box1{display:none;}

.one1{ display:block;}

.one2{ display:block;}



.form-text h2 {

    font-size: 27px;}

.form-text p {

    font-size: 16px;}	

.modal.in .modal-dialog {

    width: 93%;

    margin-top: 20%;

}

.left-part {

    text-align: center;



}









.btn-new{       padding: 12px 8px;

    font-size: 13px;}

.careers h1 {

    font-family: 'HelveticaNeueLTStdLt';

    font-size: 40px;

    color: #fff;

    margin: 0;

    text-transform: uppercase;

    padding-top: 110px;

}

.careers p {

    font-family: 'HelveticaNeueLTStdTh';

    font-size: 34px;

    color: #fff;

    padding: 50px 60px;

    margin-bottom: 0;

}

.map iframe{ height:500px;}



.sld_01{ width: 81%!important; margin:0 auto!important;

    height: 400px!important;}

#cycler img{width: 100%!important; margin:0 auto!important;

    height: 400px!important;}

	.table-cell-new h1, .table-cell-new-six h1, .table-cell-new h1{ font-size:27px;}

.text-video h3{ font-size: 28px;}

.clients-part h3{font-size: 29px;}	

.new-btn{ width:50%;}

.new-btn-part{width:50%;}

}





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

.img-text p{font-size: 13px;}

.new-btn{width: 50%; 

    letter-spacing: 7px;}

.text-video h3, .video-line h3, .two-line h3{    line-height: 37px;

    padding: 0px 40px;

    font-size: 26px;}

.video-line {

    clear: both;

    padding-top: 60px;

    padding-bottom: 60px;

}

.mian-box h3{ padding-bottom: 20px;}	

#services{ padding:60px 0;}

.two-line{ padding-top:60px;}

	

.new-btn-part{width: 50%;}	

.table-cell-new h1, .table-cell-new-six h1, .table-cell-new h1{ font-size:25px;}

.table-cell-footer h1{ font-size:35px;}

}





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

.img-contact-project p {

    font-size:25px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 70%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}

.img-contact p{    font-size: 25px!important;

    padding: 0 50px;}

.heading h1 {

    font-size: 27px;

    line-height: 40px;

}

.heading h3 {

    font-size: 19px;

    line-height: 35px;

}

.map iframe{ height:300px;}

.contact-us{ padding:100px 0;}

.contact-us h1{ font-size:35px;}

#back-to-top { right: 5px;}

#back-to-top img { width:28px;}

.img-arrow-left {

    position: absolute;

    margin-left: -35px;

    margin-top: -10px;

    width: 28px;

}

.img-arrow-right {

    position: absolute;

    margin-top: 15px;

    margin-left: 5px;

    width: 15px;

}	





.sld_01{ width: 88%!important; margin:0 auto!important;

    height: 400px!important;}

#cycler img{width: 100%!important; margin:0 auto!important;

    height: 400px!important;}

}





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

.img-contact-project p {

    font-size:25px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 70%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}

.map iframe{ height:400px;}

.sld_01{ width: 100%!important; margin:0 auto!important;

    height: 400px!important;}

#cycler img{width: 100%!important; margin:0 auto!important;

    height: 400px!important;}

}



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

.img-contact-project p {

    font-size:25px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 70%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}



.modal-body {

    position: relative;

    padding: 0px!important;

}

.box-img-tab {

    background-color: rgba(0, 0, 0, 0.75);

    width: 22%;

    margin: 10% auto;

    border: 2px solid #404040;

    border-radius: 10px;

    padding: 15px;

    position: relative;

}

.image-hover-text{ min-height:300px;}

.popup p {

    color: #444;

    font-size: 12px;

    font-family: 'HelveticaNeueLTStdLt';

    font-weight: 700;

}

.btn-new {

        padding: 12px 8px;

    font-size: 12px;

}

}



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

.img-contact-project p {

    font-size:20px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 70%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}

#spiders{ display:none;}



.experienc h1{ width:100%;}

.btn-new {

       padding: 11px 3px;

    font-size: 12px;

}

}





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

.nav-tab-part{ display:none;}

.mainMenu {

	display:block!important;}

.img-contact p {

    font-size: 20px!important;

    padding: 0 50px;

}

.heading h1 {

    font-size: 15px;

    line-height: 23px;

}

.heading h3 {

    font-size: 17px;

    line-height: 22px;

}

.btn-new {

           padding: 10px 4px;

    font-size: 10px;

}

.experienc h1{ width:100%;}

}







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

.loder-part{ width:16%; margin:0 auto;}

.left-part h2 {

    font-size: 17px!important;

    margin: 0 0 5px 0!important;

}

.left-part span {

    font-size: 12px!important;

}

.left-part p {

    font-size: 13px!important;

    margin: 0!important;

}





.img-contact-project p {

    font-size: 17px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 90%!important;

    background-color: rgba(0, 0, 0, 0.54);

    padding: 13px 0!important;

    border-radius: 4px;

}

.img-contact-project1 p {

        font-size:17px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 62%!important;

        background-color: rgba(0, 0, 0, 0.54);

    padding: 15px 0!important;

    border-radius: 4px;

}

.img-contact-project2 p {

        font-size:17px!important;

    color: #fff!important;

    margin: 0 auto!important;

    text-align: center!important;

    font-family: 'Graphik';

    font-weight: 400;

    width: 62%!important;

        background-color: rgba(0, 0, 0, 0.54);

    padding: 15px 0!important;

    border-radius: 4px;

}

.experienc {

    padding: 30px 0 0 0!important;

}

.img-one{ margin-top:30px;}

.filter-project {

    padding-top: 30px;

}

#video-part {

    padding-top: 50px;

    padding-bottom: 30px;

    display: flex;

}

.left-icon.owl-theme .owl-controls .owl-buttons .owl-prev{position: absolute;

    left: 0%;

}

.left-icon.owl-theme .owl-controls .owl-buttons .owl-next{position: absolute;

    right: 0%;}

	.experienc h1 {

    text-align: center;

    text-transform: uppercase;

    font-size: 30px;

    font-family: 'Abel', sans-serif;

    font-style: normal;

    color: #000;

    border: 2px dotted #000;

    padding: 28px 0;

    width: 90%;

    font-weight: 600;

    letter-spacing: 3px;

    margin: 0 auto 50px;

}

.popup-part {

    position: absolute;

    display: none;

    background-color: rgba(0, 0, 0, 0.75);

    border: 2px solid #404040;

    top: 90px;

    padding: 15px;

    border-radius: 10px;

    width: 65%;

    left: 10px;

}

.popup-part1 {

    position: absolute;

    display: none;

    background-color: rgba(0, 0, 0, 0.75);

    border: 2px solid #404040;

    top: 90px;

    padding: 15px;

    border-radius: 10px;

    width: 65%;

    left: 10px;

}

.img-contact p{     font-size: 25px!important;

    padding: 0 25px;}

.box-img-tab{width:75%;}

.heading h1 {

    font-size: 30px;

    color: #fff;

    font-family: 'Graphik';

    line-height: 40px;

    text-transform: uppercase;

    margin: 30px 0 0 0;

    text-align: center;

    font-weight: 700;

}

.heading h3 {

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    margin: 0 0 30px 0;

    font-family: 'Graphik';

    font-weight: 300;

}









.team-img{ width:100%!important;}

.two-line h3, .video-line h3 {

    text-align: center;

    margin: 0;

    text-transform: uppercase;

    line-height: 30px;

    font-size: 21px;

    padding: 0;

    font-family: 'Graphik';

    font-weight: 300;

    font-style: normal;

}

.video-line{ padding:50px 0 30px 0;}

.two-line{ padding-top:50px;}





.btn-new {

    background-color: #d5d5d5;

    border: none;

    font-family: 'HelveticaNeueLTStdLt';

    padding: 10px 15px;

    color: #848484;

    font-size: 13px;

    font-weight: normal;

    width: 100%;

    display: block;

	margin-bottom: 7px;

    text-align: center;

}

.is-checked {

    background-color: #000;

    color: #fff;

}



.project-img-main {

    width: 100%;}

.project-img {

    padding: 0!important;

    width: 100%!important;

}

.img-arrow-left {

      position: absolute;

    margin-left:-20px;

    margin-top: 0px;

    width: 15px;

}

.careers h1 {

    font-size: 25px;

    padding-top: 100px;}

.careers p {

    font-size: 21px;}

.map iframe{ height:300px;}

.contact-us h1 {

    font-size: 30px;}

.contact-us {

    padding: 115px 0;}	

	





.clients-part h3{ font-size:25px;}

.new-btn{width: 80%; letter-spacing: 5px;}

.btn-logo{ padding-bottom:40px;}

.table-cell-footer h1{ font-size:30px;}

.table-cell-footer p{font-size:15px;}

.table-cell-footer{ height:179px;}

.text-video h3{    

        text-align: center;

    margin: 0;

    text-transform: uppercase;

    line-height: 30px;

    font-size: 21px;

    padding: 0;

    font-family: 'Graphik';

    font-weight: 300;

    font-style: normal

 }

 .new-btn-part{width: 80%;}

 .table-cell p {

    font-size: 20px;

    line-height: 43px;

    text-align: center;

}

.main-banner {

    padding: 180px 0 0 0;

}

.table-cell-new h1, .table-cell-new-six h1, .table-cell-new h1{ font-size:20px;}

.mian-box h3{ text-align: center;

    margin: 0;

    text-transform: uppercase;

    line-height: 30px;

    font-size: 25px;

    padding: 0;

    font-family: 'Graphik';

    font-weight: 300;

    font-style: normal;}

#services {

    padding-top: 50px;

    padding-bottom:30px;

}

#videocover img{ width:40px;}

#videocover{position: absolute;

    z-index: 1;

    top: 35%;

    bottom: 0;

    left: 43%;

    color: #fff;}





.sld_01{ width: 100%!important;

    height: 250px!important;}

#cycler img{width: 100%!important;

    height: 250px!important;}

#main-video-part{ width:100%;}

#our-clients{ padding-top:50px;}

.prev{position: absolute;

    top: 252px;

    left: 120px;}

.next{position: absolute;

    top: 252px;

    left: 160px;}

.logo-img{padding:10px 0 0px 0;}

.new-kk{ padding:0!important;}	



.navbar-brand img{ width:245px;}

#aks:hover {

          background: none;

    background-position: 0px 15px;

    background-repeat: no-repeat;

}

.navbar-brand{ padding:15px 0;}

.icon {

    margin: 12px;

}

}

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

.clients-part h3 {

       text-align: center;

    margin: 0;

    text-transform: uppercase;

    line-height: 30px;

    font-size: 18px;

    padding: 0;

    font-family: 'Graphik';

    font-weight: 300;

    font-style: normal;

}

.careers p {

    font-size: 18px;

	padding: 35px 40px;

}

.nav-tab-part ul li a {

    color: #969696;

    font-size: 14px;

    margin: 0 3px;

    font-family: 'HelveticaNeueLTStdLt';

    font-weight: bold;

}



}

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

.careers p {

    font-size: 20px;

}

}

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

.nav-tab-part ul li a {

    color: #969696;

       font-size: 11px;

    padding: 5px 8px;

    font-family: 'HelveticaNeueLTStdLt';

    font-weight: bold;

}



.careers p {

    font-size: 19px;

}

.prev{position: absolute;

    top: 252px;

    left: 110px;}

.next{position: absolute;

    top: 252px;

    left: 140px;}

	#aks:hover {

          background: none;

    background-position: 0px 15px;

    background-repeat: no-repeat;

}

.navbar-brand img{ width:245px;}

.navbar-brand{ padding:15px 0;}

.icon {

    margin: 12px;

}	

}





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

.loder-part{ width:19%; margin:0 auto;}

.is-checked {

    background-color: #000!important;

    color: #fff!important;

}

.nav-tab-part ul li a {

    color: #969696;

    font-size: 12px;

    margin: 0 3px;

    font-family: 'HelveticaNeueLTStdLt';

    font-weight: bold;

}







.btn-new {

    background-color: #d5d5d5;

    border: none;

    font-family: 'HelveticaNeueLTStdLt';

    padding: 10px 15px;

    color: #848484;

    font-size: 13px;

    font-weight: normal;

    width: 100%;

	margin-bottom: 7px;

    display: block;

    text-align: center;

}

.careers p {

    font-size: 17px;

}

.img-arrow-left {

    position: absolute;

    margin-left: -20px;

    margin-top: 0px;

    width: 15px;

}

.img-arrow-right {

    position: absolute;

    margin-top: 15px;

    margin-left: 5px;

    width: 11px;

}

.main-country h3 {

    font-size: 16px;}

.form-text h2 {

    font-size: 25px;}

.form-text p {

    font-size: 15px;}

.map iframe{ height:300px;}

	

.navbar-brand img{ width:200px;}

.navbar-brand{ padding:15px 0;}

.icon {

    margin: 6px;

}



.prev{position: absolute;

    top: 252px;

    left: 85px;}

.next{position: absolute;

    top: 252px;

    left: 125px;}

.new-btn {

    width: 80%;

    letter-spacing: 2px;

}

#footer-bottom p{ font-size:12px;}

}