@media screen and (min-device-width:320px) and (max-device-width:767px) {
	.tabs-portfolio li { 
    width: 100%; 
}
	.tabs-portfolio { 
    border-bottom: 0;
}.inner_banner_section {
    padding: 10px 0 10px;
    
}.inner_banner_box h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin: 25px 0;
}.containerportfolio {
    padding: 0px 0 10px; 
}.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
}
	    .tabs-portfolio {
        border-bottom: 0;
        margin: 0;
        padding: 0;
    }
   .white-box {
    background-color: #fff;
    padding: 10px 10px 30px;
} 
    
    .white-box h2{text-align: center;}
    .gray-container h2{text-align: center;}
    .img13 img{width:100%; }
    .landing-page-banner-section {
     padding: 20px 0;
       background-color: #0870b7;
    background-image: none;
}.banner-heading h1 {
    font-size: 31px;
    line-height: 37px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin: 8px 0;
    text-align: center;
}.banner-heading h1 span {
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    }.web-hosting-services p{font-size: 12px;
    line-height: 21px;}
  .web-hosting-services {
    padding: 17px 0;
    text-align: center;
    background-size: 460%;
}
    .web-hosting-services h2{ margin: 0;} 
    
    
    .mission_vission_section .mission_vission_info {
    padding: 0;
}
    .mobile-number { font-size: 27px;}
    .left-slider-heading h5 {
    font-size: 49px;
}
    .left-slider-heading h2 {
    font-size: 50px;
    }
    .projectssec {
    margin-left: 0;
    margin-bottom: 25px;
}p.para {
    font-size: 24px;
    line-height: 34px;
  }
    .mission_vission_info h2{ font-size: 24px;}
    .free-hosting img{width:100%;}
	.red-box-website-offer h2 {
    color: #fff;
    font-size: 43px;
    line-height: 52px;
    text-align: center;
}.red-box-website-offer h3 {
    color: #ff972c;
    font-size: 42px;
    line-height: 58px;
}
  header .container-fluid{    padding-right: 15px;
    padding-left: 15px;}
   .mission_vission_section {
    padding: 10px 0 60px;
    background-color: #0071bc;
    position: relative;
} ul.list-service li {
    color: #fff;
    width: 100%;
    display: inline-block;
    margin: 0 20px 0 0;
}.free-hosting {
    margin-top: 20px;
}
.whatsap2 {
    text-align: center;
}.email-ftr {
      text-align: center;
}ul.flink2 li {
   text-align: center;
    display: block;
}.container-web-development, .container-digital-marketing {
  
    background-position: -12px;
}
    .container-web-development p, .container-web-designing p, .container-digital-marketing p{text-align:left}
    
    
    .container-domain-hosting p{text-align:left;}
    .mobile-navigation i{top: 6px; position: relative;}
    .mission_vission_img::before{display:none;}
    .mission_vission_img::after{display:none;}
.d-md-block h3, .slider-text {box-sizing: border-box;float: none;font-size: 40px;}
section.page-banner-section h1 { float: none; font-size: 40px; line-height: 43px; font-weight: 400; color: #fff; margin: 0; text-align: center }
section.page-banner-section a { float: none; margin: 20px auto 0; display: table }
.slider-main .carousel-item {min-height: 510px; }
.navigation-main .dropdown-menu { padding: .2rem 0 .5rem }
.logo { float: left; display: block; margin: 10px 0 }
.logo img { margin: 0 auto; display: block }
.hdr-rt {float: none;display: table;width: 100%;}
.hdr-top { width: 100%; padding: 0 0 10px; float: none }
.hdr-rt .clearfix { display: none }
.navbar-toggler-right {position: relative;right: 1rem;left: 0;}
.navbar-nav { background-color: #f7f6f6; padding: 10px; margin: 10px 0 0 }
.navigation-main .navbar-light .navbar-nav .nav-link { font-family: Ubuntu, sans-serif; font-size: 16px; padding-bottom: 10px; font-weight: 500 }
.d-md-block h3, .director-text h2, .view-all-btn .btn {font-weight: 400;font-family: Ubuntu, sans-serif;font-size: 40px;}
.director-img { border-bottom: 3px solid #f6464b }
.director-text h2 { color: #fff; font-size: 20px; margin: 0 0 10px; text-align: center }
.director-text p { font-family: Ubuntu, sans-serif; color: #fff; font-size: 14px; line-height: 24px; text-align: center }
.d-none { display: block!important }
.slider-main .carousel-caption {position: absolute;right: 5%!important;bottom: auto;left: 5%!important;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center!important;top: 28%;width: 90%!important;}
.d-md-block h3 {text-align: center!important;font-size: 35px!important;line-height: 42px!important;/* margin: 0!important; */float: none!important;}
.d-md-block p, .read-more {font-size: 14px;}
.d-md-block h3 span {
    text-align: center!important;
    font-size: 35px!important;
}
.slider-text {margin: 0!important;}
.d-md-block p {
    text-align: center!important;
    font-size: 14px!important;
}
.read-more {float: none!important; display: table!important;}
.arrow-right a { top: 0; display: table; margin: 0 auto }
.director-container { padding-bottom: 20px }
.director-img img { display: block; margin: 0 auto }
.sbox { display: block; position: relative; margin-bottom: 20px }
    .container70 {
        padding: 20px 0;
        width: 100%;
    }
.view-all-btn { margin: 10px auto 0; display: table }
.view-all-btn .btn { border-radius: 0; border: 1px solid #8d8c8c; color: #222; font-size: 18px; padding: 9px 30px }
.sbox p { color: #787777; font-size: 16px; line-height: 24px; margin: 10px 0 0; text-align: center }
h2, ul.flink {font-weight: 400; margin-bottom: 20px }
.sbox h2 {color: #fff; font-size: 20px; float: left; display: inline-block }
.copyright a, ul.flink { display: block }
.link-icon i { color: #fff; font-size: 18px; position: relative; top: 7px }
h2 { font-size: 30px; color: #333; line-height: 34px }
footer p, ul.flink { font-size: 14px; text-align: center }
footer { padding: 40px 0 30px; 
    }
footer h5 { text-align: center }
ul.flink { line-height: 24px }
footer h6 { margin-bottom: 10px; text-align: center }
.navigation-main .navbar-toggleable-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
.copyright { margin-top: 0; text-align: center }
.textr { text-align: center; margin-top: 20px }
.testimonial .description { font-size: 16px }
.email-top {width: 100%;display: none;}
.media-section { padding: 40px 0 0; width: 100% }
.welcome-container h1{text-align:center;font-size: 36px;line-height: 44px}
p{text-align:center}
.welcome-container h1 span {font-size: 36px; display: block; font-weight: 900}
.welcome-container{padding: 40px 0 0 0}
h3{text-align:center}
.theme-title h3:before {left: 50%; margin-left: -59px}
.service { border-bottom: 1px solid #f7f7f9}
.owl-theme .owl-next, .owl-theme .owl-prev {top: -19px}
.clients_logo .owl-carousel .owl-item img {width: 100%}
.owl-theme .owl-next {right: 41%}
.owl-theme .owl-prev {right: 48%}
.project-box {margin-top: 22px}
ul.s-icons {margin: 0 auto 20px}
.theme-inner-banner {margin-bottom: 180px; top: 177px}
.theme-inner-banner .opacity {padding: 35px 0 24px; text-align: center}
.theme-inner-banner h2 {text-align: center!important; margin: 0 auto; display: table; float: none!important; width: 100%; line-height: 50px}
.float-right {float: none!important; text-align: center; display: table; margin: 0 auto; padding: 0}
ul.services-links {margin: 50px 0 0 0px}
ul.services-links li {margin: 0 0 10px; padding-bottom: 10px; text-align: center}
.theme-inner-banner ul li {font-size: 14px}
.price {margin: 0 0 40px 0}
}

@media screen and (min-device-width:768px) and (max-device-width:1023px) {
.logo { width: 20% }
.hdr-rt { width: 70% }
.hdr-top { width: 100% }
.navbar-nav { background-color: #f7f6f6; padding: 10px; margin: 50px 0 0 }
.navigation-main .navbar-toggleable-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
.navigation-main .navbar-light .navbar-nav .nav-link { font-family: Ubuntu, sans-serif; font-size: 16px; padding-bottom: 10px; font-weight: 500 }
.d-md-block h3, .slider-text { padding: 20px; box-sizing: border-box }
.slider-main .carousel-caption { position: absolute; right: 25%; bottom: 0; left: 25%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; top: 47% }
.d-md-block h3 { font-size: 30px; background-color: #003e9a; min-width: 388px; height: auto; text-align: center; margin: 0; float: none; display: inline-block; font-weight: 400; font-family: Ubuntu, sans-serif }
.d-md-block h3 span { height: 4px; background-color: #fff; display: block; width: 37px; margin: 10px auto }
.slider-text { margin-top: 0; margin-bottom: 1rem; width: 389px; background-color: rgba(255,255,255,.9); display: inline-block; height: auto; float: left }
.d-md-block p { color: #424344; font-size: 16px; line-height: 23px; text-align: center; margin-bottom: 10px }
.director-text p, .sbox h2 { font-family: Ubuntu, sans-serif; color: #fff; line-height: 22px }
.read-more { text-align: center; float: none; display: block }
.director-text { margin: 10px 0 0 30px }
.director-text h2 { font-family: Ubuntu, sans-serif; color: #fff; font-size: 19px; margin: 0 0 20px; font-weight: 400 }
.arrow-right a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: relative; top: 47px; right: 0 }
.director-text p { font-size: 14px; margin-bottom: 0 }
.navbar-toggler-right { position: absolute; right: 0 }
.container70 { padding: 40px 0; width: 100% }
.stext { position: absolute; left: 10px; right: 10px; top: 165px }
.sbox h2 { font-size: 18px; float: left; display: inline-block; width: 89% }
ul.flink { color: #a7a6a6; margin-bottom: 30px }
footer { padding: 40px 0 30px; background-color: #212120 }
.copyright { margin-top: 10px }
.textr { text-align: left }
.copyright a { color: #fff; text-decoration: none; display: block }
}

@media screen and (min-device-width:1024px) and (max-device-width:1170px) {
.director-text { margin: 17px 0 0 }
}