/*------------------------------------------------------------------
 - RESPONSIVE CSS

 - Author: Andrey Sokoltsov
 - Profile:	http://themeforest.net/user/andreysokoltsov
-------------------------------------------------------------------*/

@media only screen and (max-width: 1480px){
.mainNav.navbar .nav-item .nav-link{padding: 4px; font-size: 16px;}
.mainNav.navbar .nav-item{ margin-right: 5px;}
.features-about{padding-top:100px;}

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

.banner-deskstop{padding-left:5%;padding-right: 5%; padding-top: 15%;}
.mainNav.navbar .navbar-toggler{position: relative; top: 0px;}
.slid-1{width: 45%; height: auto;}
.flex-caption{top: 30px;}
.flex-caption h3{font-size: 30px;}
.caption_title_line{padding-right: 0px;}
.flex-caption h4{font-size: 30px;}
.icon{right: 0px;}
.icon-rocket{height: 15em;
    width:10em;
    background-position: right;
    background-size: contain;}

.feature-art-pattan-top-right-art img{width: 100%;}

.feature-art-pattan-top-right-art {
    top: 73px;
    right: 0;
    width: 9em;
}

.features{padding-top: 0px;}

.section-header{font-size: 40px;}
.feature-content-text h3{font-size: 30px;}
.feature-content{padding-bottom:50px;}
.feature-art-carcal-top-right-art{width:20%;}
.feature-art-social-top-left-art{width: 20%;}

.feature-graphic-content h3{font-size: 36px;}
.graphic-development ul li h3{font-size: 20px;}
.feature-art-roket2-top-left-art {
    top: -342px;
    left: 22px;
    width: 17%;
}
.mainNav.navbar .nav-item .nav-link{padding: 4px; font-size: 14px;}
.mainNav.navbar .nav-item{ margin-right: 5px;
}
.features-about{padding-top:100px;}
}





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


.banner-deskstop{padding-left:5%;padding-right: 5%; padding-top: 15%;}
.mainNav.navbar .navbar-toggler{position: relative; top: 0px;}
.slid-1{width: 45%; height: auto;}
.flex-caption{top: 30px;}
.flex-caption h3{font-size: 30px;}
.caption_title_line{padding-right: 0px;}
.flex-caption h4{font-size: 30px;}
.icon{right: 0px;}
.icon-rocket{height: 15em;
    width:10em;
    background-position: right;
    background-size: contain;}

.feature-art-pattan-top-right-art img{width: 100%;}

.feature-art-pattan-top-right-art {
    top: 73px;
    right: 0;
    width: 9em;
}
.features{padding-top: 50px;}
.feature-art-carcal-top-right-art{width: 25%;}
.feature-content{padding-bottom: 35px;}
.feature-art-social-top-left-art{width: 25%;}
.features-technology{margin-top: 35px;}

.feature-graphic-image{    width: 60%;margin: 0px auto; float: none;}

.feature-art-roket2-top-left-art {
    top: -342px;
    left: 22px;
    width: 17%;
}

#portfoliolist .portfolio{height: 30%;}
.features-ourworks{margin-bottom: 0px;}

.feature-content-text-six-A{padding: 25px 20px;}
.features-logo{padding-top: 20px; margin-top: 20px;}
.feature-art-carcal-top-right-art{width: 25%;}

.inner-bg{height:200px;}

.inner-bg img{height: 100%;}
.latest-overlay{padding: 20px;}

.banner_content_two h2{font-size: 40px;}
.banner_content_two{margin-top: 100px;}

.features-about{padding-top:100px;}


}




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

.banner-deskstop{padding-left:5%;padding-right: 5%; padding-top: 20%;}
.mainNav.navbar .navbar-toggler{position: relative; top: 0px;}

.slid-1{width: 45%; height: auto;}
.flex-caption{top: 30px;}
.flex-caption h3{font-size: 30px;}
.caption_title_line{padding-right: 0px;}
.flex-caption h4{font-size: 30px;}


.icon{right: 0px;}
.icon-rocket{height: 15em;
    width:10em;
    background-position: right;
    background-size: contain;}

.feature-art-pattan-top-right-art img{width: 100%;}

.feature-art-pattan-top-right-art {
    top: 73px;
    right: 0;
    width: 9em;
}
.features{padding-top: 50px;}
.feature-art-carcal-top-right-art{width: 25%;}
.feature-content{padding-bottom: 35px;}
.inner-bg{height:250px;}

.inner-bg img{height: 100%;}
.latest-overlay{padding: 20px;}

.banner_content_two h2{font-size: 40px;}
.banner_content_two{margin-top: 100px;}

.features-about{padding-top: 80px;}
.play-now{margin-left: 10px;padding: 6px 11px;font-size: 12px;border-radius: 6px;}










}

@media only screen and (max-width: 680px){
.navbar-action-button{padding-left: 0px; display: inline-block;    margin-right: 15%;}
.navbar-action-item{    margin-right: 0px; float: left;}
.button-white{    padding: 8px 19px;font-size: 12px;}

.navbar-action-item:last-child{ float: right; }

.slid-1{width: 100%; height: auto;}

.flex-caption h3{font-size: 27px;margin-bottom: 5px;}
.flex-caption h4{font-size: 23px;}
.caption_title_line{padding-right: 0px;}
.flex-caption{width: 100%; position: relative; top: 50px;}
.icon{right: 0px;}
.icon-rocket{height: 12em;
    width: 8em;
    background-position: right;
    background-size: contain;}

.feature-art-pattan-top-right-art img{width: 100%;}

.feature-art-pattan-top-right-art {
    top: 73px;
    right: 0;
    width: 9em;
}
.features{padding-top: 62px;}
.feature-content-text h3{    font-size: 29px;}
.feature-art-carcal-top-right-art{display: none;}
.features-service{padding-top: 80px; margin-top: 80px; padding-bottom: 10px;}
.features-technology{margin-top: 20px;}
.feature-art-social-top-left-art{display: none;}
.section-header-two{font-size: 30px;}
.sub-header{font-size: 30px;}

.feature-graphic-content{padding-top: 0px; padding-left: 0px; text-align: center;}
.section-header-graphic{font-size: 30px;}
.feature-graphic-content h3{font-size: 30px;}
.graphic-development ul li h3{font-size: 18px;}
.graphic-development ul li p{font-size: 16px;}
.feature-art-roket2-top-left-art{display: none;}
#filters li span{width: 100%;}
#portfoliolist .portfolio{height: auto;}

.portfolio-wrapper{padding-top: 10px; padding-bottom: 10px;}
.features-ourworks{margin-top: 80px; margin-bottom: 20px;}
.features-testimonial{padding-top: 20px; padding-bottom: 20px;}
.section-header-three{font-size: 30px;}
.owl-carousel .owl-item{padding: 42px;}
.single-testimonial p{    padding: 30px;}
.owl-dots{    margin-top:20px;}
.features-logo{ margin-top: 20px; padding-bottom: 20px; padding-top: 30px; }
.footer::before{display: none;}
.footer-top-header{padding-top:80px;}
.footer{margin-top: 0px;}
.feature-content-text-six-A{padding-left: 0px; padding-top: 30px;}

.inner-bg{height:200px;}

.inner-bg img{height: 100%;}
.latest-overlay{padding: 20px;}

.banner_content_two h2{font-size: 30px;}
.banner_content_two{margin-top: 60px;}
.features-about{padding-top: 80px;}
.play-now{margin-left: 10px;padding: 6px 11px;font-size: 12px;border-radius: 6px;}

}

@media only screen and (max-width: 480px){
.navbar-light .navbar-brand {
    width: 20%;
}

.navbar-light .navbar-brand img{width: 100%;}
.navbar-action-button{padding-left: 0px; margin-top:0px; margin-right: 0px; width:auto; display: inline-block;}
.navbar-action-item{    margin-right: 0px; float: left;}
.button-white{    padding: 8px 19px;font-size: 12px;}

.navbar-action-item:last-child{ float: right; }

.slid-1{width: 100%; height: auto;}

.flex-caption h3{font-size: 27px;margin-bottom: 5px;}
.flex-caption h4{font-size: 23px;}
.caption_title_line{padding-right: 0px;}
.flex-caption{width: 100%; position: relative; top: 50px;}
.icon{right: 10px;}
.icon-rocket{height: 10em;
    width: 5em;
    background-position: right;
    background-size: contain;}

.feature-art-pattan-top-right-art img{width: 100%;}

.feature-art-pattan-top-right-art {
    top: 73px;
    right: 12px;
    width: 9em;
}
.features{padding-top: 62px;}
.feature-content-text h3{    font-size: 29px;}
.feature-art-carcal-top-right-art{display: none;}
.features-service{padding-top: 80px; margin-top: 80px; padding-bottom: 10px;}
.features-technology{margin-top: 20px;}
.feature-art-social-top-left-art{display: none;}
.section-header-two{font-size: 30px;}
.sub-header{font-size: 30px;}

.feature-graphic-content{padding-top: 0px; padding-left: 0px; text-align: center;}
.section-header-graphic{font-size: 30px;}
.feature-graphic-content h3{font-size: 30px;}
.graphic-development ul li h3{font-size: 18px;}
.graphic-development ul li p{font-size: 16px;}
.feature-art-roket2-top-left-art{display: none;}
#filters li span{width: 100%; font-size: 13px;}
#portfoliolist .portfolio{height: auto;}

.portfolio-wrapper{padding-top: 10px; padding-bottom: 10px;}
.features-ourworks{margin-top: 80px; margin-bottom: 20px;}
.features-testimonial{padding-top: 20px; padding-bottom: 20px;}
.section-header-three{font-size: 30px;}
.owl-carousel .owl-item{padding: 42px;}
.single-testimonial p{    padding: 30px;}
.owl-dots{    margin-top:20px;}
.features-logo{ margin-top: 20px; padding-bottom: 20px; padding-top: 30px; }
.footer::before{display: none;}
.footer-top-header{padding-top:80px;}
.footer{margin-top: 0px;}
.feature-content-text-six-A{padding-left: 0px; padding-top: 30px;}
.footer_social_icons li{    margin-right: 8px;    width: 28px;
    height: 28px;line-height: 29px;}
.feature-content-text{padding-left: 0px;}
.feature-about-image{margin-bottom: 25px;}
.feature-content-text-twio{padding-left: 0px;}

.inner-bg{height:150px;}

.inner-bg img{height: 100%;}
.latest-overlay{padding: 20px;}

.banner_content_two h2{font-size: 30px;}
.banner_content_two{margin-top: 60px;}
.features-about{padding-top: 80px;}
.play-now{margin-left: 10px;padding: 6px 11px;font-size: 12px;border-radius: 6px;}








}

@media only screen and (max-width: 320px){
.navbar-light .navbar-brand{width:20%;}
.navbar-light .navbar-brand img{width: 100%;}
.navbar-action-button{padding-left: 0px; margin-top:0px;}
.banner-deskstop{padding-left: 10px; padding-right: 10px;}
.feature-graphic-content h3{font-size: 25px;}
.button-white{padding: 8px 34px; font-size: 12px;}
.slid-1{width: 100%; height: auto;}

.flex-caption{width: 100%; position: relative; top: 50px;}
.caption_title_line{padding-right: 0px;}
.flex-caption h3{font-size: 27px;margin-bottom: 5px;}
.flex-caption h4{font-size: 23px;}
.feature-art-carcal-top-right-art{display: none;}
.section-header{ font-size: 35px; }
.feature-content-text h3{    font-size: 23px;}
.feature-content{padding-bottom: 40px;}

.section-header-two{font-size: 25px;}
.sub-header{font-size: 23px;}
.features-digital p{margin-bottom: 10px;}
.features-service{padding-bottom: 25px;}
.feature-art-social-top-left-art{display: none;}

.features-technology{margin-top: 0px;}
.section-header-graphic{    font-size: 25px;}
.feature-graphic-content{padding-top: 0px}
.graphic-development ul li h3{font-size: 14px;}

.graphic-development ul li p{font-size: 17px;
    color: #747474;
    line-height: 21px;}

.feature-art-roket2-top-left-art{display: none;}

.features-ourworks{margin-top: 25px;}

#filters li span{width: 95px;padding: 10px 17px;}
.features-logo{margin-top:30px;padding-top:0px;}
.footer{ margin-top: 0px;}
.footer::before{display: none;}
.footer_social_icons li {
    margin-right: 5px;
    width: 23px;
    height: 23px;
    line-height: 24px;
}
.feature-content-text{padding-left: 0px;}
#filters li span{padding: 10px 10px; font-size: 11px;}
.graphic-development{padding-left: 0px;}

.feature-about-image{margin-bottom: 25px;}
.feature-content-text-twio{padding-left: 0px;}

.inner-bg{height:150px;}

.inner-bg img{height: 100%;}
.latest-overlay{padding: 20px;}

.banner_content_two h2{font-size: 30px;}
.banner_content_two{margin-top: 60px;}

.features-about{padding-top: 80px;}

.play-now{margin-left: 10px;padding: 6px 11px;font-size: 12px;border-radius: 6px;}




















}