@media (min-width:992px) and (max-width:1199px){
    #home-carousel .item{
        height:500px
    }
    .black-shadow{
        left:347px
    }

    .black-shadoww{
        left:275px
    }
    .long-logo img{
        margin:0 auto

    }
    .long-logoo h1{
        margin:0 auto
    }

    .section-box-six img{
        width:100%
    }
    .widt-310 #holder{
        right:-270px
    }
    #holder{
        right:-265px
    }
    .relizw-section p{
        margin-top:0
    }
    .m-top-9 .border{
        top:37px
    }
    .box:hover .description{
        top:47%;
        font-size:13px
    }
    .bts{
        right:0
    }
    .own-overlay{
        height:236px
    }
    .innovation-main{
        height:669px
    }
    ul.bg-none li a{
        text-align:center
    }
    .inner-read{
        line-height:26px;
        margin-top:7px
    }
    .box .box-content{
        padding:23px
    }

    .loadingg {
   
    text-align: center;
    margin-right: 1000px;
    }
}
@media (min-width:768px) and (max-width:991px){
    .innovation-main{
        height:789px
    }
    .innov-inner .m-top-5 #holder{
        right:-129px
    }
    .innov-inner #holder{
        right:-120px
    }
    .copy-right p{
        text-align:center;
        margin-left:0
    }
    .innova{
        padding-top:0
    }
    .bts{
        right:0
    }
    .slider-portfolio .media-carousel .carousel-control.left{
        left:570px
    }
    .own-overlay{
        height:546px
    }
    .innova .nav-tabs>li{
        width:20%
    }
    .innova .nav-tabs>li>a{
        font-size:18px;
        text-align:center
    }
    .contact-area{
        float:left!important
    }
    .quote p{
        padding-top:29px
    }
    .innova .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
        padding:13px 21px
    }
    .animtedlogo{
        height:604px
    }
    .animtedlogoo{
        height:604px
    }
    .black-shadow{
        margin-left: -30%;
         z-index: 1;
         display: none;
    }
    .long-logo {
    
    top: -387px;
    }
    .black-shadoww{
        position:absolute;
        top:105px;
        left:82px;
        z-index:999
    }
    .long-logo img{
        position:relative;
        z-index:999999;
        width:100%;
        text-align:center;
        display:none;
    }

    .long-logoo h1{
        position:relative;
        z-index:999999;
        width:100%;
        text-align:center
    }
    #loading{
       
        z-index-1;
           
            max-width: 70%;
    top: 40px;
    left: 47%;

    }
    .logo{
        z-index: 1;

    }

    #loadingg{
        top:32%
    }
    .cneter-nav{
        top:-20px
    }
    .st-navbar ul li a{
        margin-left:13px;
        margin-right:13px
    }
    #holder{
        right:-330px
    }
    .relizw-section h1{
        font-size:47px
    }
    #home-carousel .item{
        height:500px
    }
    .box .box-content{
        padding:28px
    }
    .box .title{
        font-size:21px
    }
    .box:hover .description{
        top:24%;
        opacity:1;
        font-size:12px
    }
    .box img{
        width:100%;
        height:385px
    }
    .box:hover .box-content:after{
        top:50%
    }
    .scroll-up{
        display:none!important
    }
    .logo{
        z-index: 2;
    }
}
@media (max-width:767px){
    .logo{
        margin-left:0;
    }
    .navbar-nav{
        background-color:#f5f5f5
    }
    .st-navbar .navbar-collapse ul{
        margin-top:18px
    }
    #home-carousel .item{
        height:300px
    }
    .scroll-up{
        display:none!important
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .black-shadow img {
    
    display: none;
    }

    .inno-pera,.relizw-section p{
        margin-top:0
    }
    #scroll{
        top: -21px;
    }
    .business,.innova .nav-tabs{
        background-image:none
    }
    #loading {
    top: 20%;
    left: 52.5%;
}
    .contact-area{
        float:left!important
    }
    .slider-portfolio .media-carousel .carousel-control.left{
        left:75%
    }
    .black-shadow img{
        height:509px
    }
    .copy-right p{
        margin-left:0;
        text-align:center
    }
    .black-shadow{
        position:absolute;
        top:149px;
        left:74px;
        z-index:999
    }

    .black-shadoww{
        position:absolute;
        top:149px;
        left:74px;
        z-index:999
    }

    .black-shadoww img{
        display: none;
    }

    .cneter-nav{
        top:-45px
    }
    .long-logo{
        top:340px
    }
    .long-logoo{
        top:340px
    }
    .relizw-section h1{
        font-size:34px;
        line-height:32px
    }
    #holder{
        top:-22px;
        right:-236px
    }
    .relizw-section #holder{
        top: -30px;
    right: -228px;
    display: none;
    }
    .innovation-main #holder{
        top:-27px;
        right:-196px
    }
    .tabbable-panel{
        padding:0
    }
    .innovation-main{
        height:100%
    }
    .bts{
        right:0
    }
    .own-overlay{
        height:96%
    }
    .innov-inner h1{
        font-size:40px;
        line-height:26px
    }
    .innova .nav-tabs>li{
        float:left;
        margin-bottom:70px;
        width:100%
    }
    .nav.nav-tabs.bg-none{
        position:absolute;
        top:100px;
        right:0;
        left:0
    }
    ul.nav.nav-tabs.bg-none li{
        margin-top:51px
    }
    .innova .nav-tabs{
        background-repeat:no-repeat;
        border:transparent;
        padding-bottom:50px;
        margin-bottom:10px;
        background-position:40.5% 60%
    }
    .animtedlogoo {
    height: 190px;
}

#loadingg {
    -webkit-animation: rotation 25.1s infinite linear;
    max-width: 50%;
    position: absolute;
    top: -49px;
    left: 20%;
    margin-left: 10%;
    /* margin: 0; */
}
    .webdev .border {
   
    top: 28px;
  
   
    }
    .long-logoo {
        display: none;
    }


}
@media only screen and (min-width:300px) and (max-width:479px){
    .logo{
        margin-left: -7%;
    }
    #scroll{
           display: none;
    }
    .pull-right {
        display: none;
    }
    .pull-left{
        display: none;
    }
    .inno-pera,.relizw-section p{
        margin-top:0
    }
    .business,.innova .nav-tabs{
        background-image:none
    }
    #loading{
        top:42%;
        left:53.5%
    }
    #loadingg{
        top:42%;
        left:53.5%
    }
    .contact-area{
        float:left!important
    }
    .slider-portfolio .media-carousel .carousel-control.left{
        left: 53%;
        width:100%
    }
    .slider-portfolio .media-carousel .carousel-control.right{
        width: 20%;
right: 20px !important;
    }
    .black-shadow img{
        height:509px
    }
    .copyrightlink li {
    display: initial;
    padding: 10px 1px;
}
.overlay-content{
	top: 0;
}

.about-banner{
	background-size: cover;
text-align: center;
padding: 60px;
background-repeat: no-repeat;
background-position: 50% 0%;
}

.overlay .closebtn{
	z-index: 99999;
}

.martopminze {
    margin-top: 0;
}

.btsa img{
	max-width: 60%;
}

.about-banner h1{
	line-height: 29px;
	font-size: 22px;
}

.about-banner span {
    font-family: Ubuntu,sans-serif;
    font-size: 23px;
}

.copyrightlink {
    float: none;
    padding: 0;
}
    .copy-right p{
        margin-left:0;
        text-align:center;
        font-size:15px;
        width:100%
    }
    .more-rel{
        margin-left:50px
    }
    .black-shadow{
        position:absolute;
        top:149px;
        left:-14px;
        z-index:999;
        display:none;
    }
    .black-shadoww{
        position:absolute;
        top:149px;
        left:-14px;
        z-index:999;
        display:none;
    }
    .cneter-nav{
        top:0px
    }

	.banner-bg{
		height: 430px;
	}


.banner-bgg{
        height: 430px;

    }

	.center-logo, .center-logo img {
    margin: 0 auto;
        margin-bottom: 0px;
    text-align: center;
    display: block;
    margin-bottom: 100px;
    padding: 0;
}
.center-logo h1 {
    margin: 0 auto;
        margin-bottom: 0px;
    text-align: center;
    display: block;
    margin-bottom: 100px;
    padding: 0;
}

.animtedlogo {
    height: auto;
    text-align: center;
    margin: 0 auto;
}

.animtedlogoo {
    height: auto;
    text-align: center;
    margin: 0 auto;
}
.animtedlogo {
    height: auto;
    text-align: center;
    margin: 0 auto;
    margin-left: 0;
    
}
.animtedlogoo {
    height: auto;
    text-align: center;
    margin: 0 auto;
    margin-left: 0;
    
}

#loading {
    top: 0;
    left: 0;
    margin-left: 0;
    display: inherit !important;
    position: relative;
    max-width: 70%;
    margin: 0 auto 60px;
}
#loadingg {
    top: 0;
    left: 0;
    margin-left: 0;
    display: inherit !important;
    position: relative;
    max-width: 70%;
    margin: 0 auto 60px;
}

    .long-logo{
           top: -60px;
left: 0px;
    position: relative;
    margin-bottom: 20px;
    display: none;

    }
    .long-logoo{
           top: -60px;
left: 0px;
    position: relative;
    margin-bottom: 20px;
    display: none;

    }

    .sdf {
    margin-top: 0;
}

.service-sec h2{
	font-size: 27px;
}

.service-sec .pulse{
	display: none;
}

.prdoct-detail-sec .getquote {
    margin-bottom: 30px;
}

.innov-inner h1 {
    font-size: 30px;
}

.innovation-main #holder {
   
    display: none;
}

	#scroll{
		width: 40px;
	}

	.relizw-section #holder{
		display: none;
	}

    .relizw-section h1{
        font-size: 22px;
        line-height: 24px;
    }

	.platf img {
    width: 100%;
}

.getaquote {
    padding: 20px;
}

.spaclast {
    margin-bottom: 27px;
    display: grid;
}

.getaquote button{
	width: 100%;
}

.aboutinnos h1 {
    font-size: 31px;
}

    .brand-sec.m-top-5 #holder{
        top:-22px;
        right:-254px!important
    }
    .box img{
        width:100%;
        height:580px;
    }
    #holder{
        top:-22px;
        right:-236px
    }
    .relizw-section #holder{
        top:-22px;
        right:-176px
    }
    .exper #holder{
        top:-23px;
        right:-256px
    }
    .brand #holder{
        top:-21px;
        right:-216px
    }
    .portflio #holder{
        top:-23px;
        right:-241px
    }
    .innovation-main #holder{
        top:-25px;
        right:-235px
    }
    .tabbable-panel{
        padding:0
    }
    .innovation-main{
        height:100%
    }

		.discover {
    width: auto;
    margin: 0 auto;
    text-align: center;
}

    .bts{
        right:0
    }
    .footer-main #holder{
        top:-22px;
        right:-246px
    }
    .testimonail-img img{
        padding-bottom:20px
    }
    .controls.testimonial_control{
        top:43px;
        position:relative
    }
    .own-overlay{
        height:94%
    }
    .innov-inner h1{
        font-size:40px;
        line-height:26px
    }
    .innova .nav-tabs>li{
        float:left;
        margin-bottom:70px;
        width:100%
    }
    .veiw-all{
        margin-left:0;
        margin-bottom:45px;
        text-align:center
    }
    .contact-area p,span{
        font-size:12px;
        padding-bottom:6px;
        line-height:23px
    }
    .nav.nav-tabs.bg-none{
        position:absolute;
        top:100px;
        right:0;
        left:0
    }
    ul.nav.nav-tabs.bg-none li{
        margin-top:51px
    }
    .innova .nav-tabs{
        background-repeat:no-repeat;
        border:transparent;
        padding-bottom:50px;
        margin-bottom:10px;
        background-position:40.5% 60%
    }
    .webdeimg {
    padding-bottom: 0px;
    }


    .webdev .border {
    
    top: 28px;
    
}

}