@media(min-width:992px) and (max-width:1199px) {
.main-nav ul.navbar-nav li a { font-size: 16px }
.landing-con .web-app-icons i {font-size: 26px;width: 60px;height: 60px;line-height:60px}
}
@media(min-width:768px) and (max-width:991px) {
#digital-marketing .container { width: 100% }
#digital-marketing .digital-marketing { background-size: 100% 50% }
.main-nav ul.navbar-nav li a { font-size: 14px; padding-left: 10px!important; padding-right: 10px!important }
.main-nav ul.navbar-nav li.logo { width: 25%!important }
.main-nav ul.navbar-nav li.logo img { width: 100%!important }
.social-icons ul li { margin-bottom: 10px }
.price { font-size: 16px; height: 110px; line-height: 30px; width: 100% }
.price span { font-size: 40px; margin-top: 27px }
.btn-signup { padding: 10px 20px }
.landing-con .web-app-icons i {font-size: 26px;width: 50px;height: 50px;line-height:50px}
}
@media(min-width:768px) {
.navbar-nav, .navbar-nav>li { float: none; display: inline-block; text-align: center; vertical-align: middle }
.nav-footer { display: inline-block!important; text-align: center; margin: auto }
.our-services .col-sm-4 { min-height: 340px }
.digital-marketing .col-sm-5 .service-info, .digital-marketing .col-md-4 .service-info { width: 70% }
.float-left { float: left }
.float-right { float: right }
.digital-icon.float-right { position: relative; height: 100% }
.digital-marketing .service-info h3 { margin: 0; padding: 0 }
.sm-display-none { display: none }
.service-info12 { padding-top: 20px }
.services-section .col-md-4 { padding-left: 25px; padding-right: 25px }
.contactus-section .borber-left { border-right: 1px solid rgba(0,0,0,.2) }
.vfx-contents { padding-top: 3%; padding-right: 5% }
.padding-tb-50 { padding-top: 22%; }
.services-section2 .md-padd-left-70 {padding-left:10%;padding-top:20px;}
}
@media(max-width:767px) {
body { font-size: 14px }
.main-nav.navbar .navbar-collapse.in { background: #12629b }
.left-control, .right-control { font-size: 20px; height: 30px; line-height: 25px; width: 30px }
.request-a-quote, .top-info ul.social { display: none }
#home-slider:hover .right-control { right: 15px }
#home-slider:hover .left-control { left: 15px }
#product-slides .caption { right: 30px; width: 50% }
.caption .btn-start { font-size: 12px; padding: 10px 30px }
.navbar-brand { padding: 0 15px; display: block; width: 150px }
.main-nav.navbar ul li.logo, .nav-footer { display: none }
.navbar-toggle { margin-top: 25px!important }
.navbar-toggle .icon-bar { background-color: #fff }
.main-nav ul.navbar-nav li { float: none; display: block; text-align: center }
.main-nav ul.navbar-nav li a { font-size: 14px; padding-bottom: 12px; padding-top: 15px }
section { padding: 35px 0 }
.heading { font-size: 14px; padding-bottom: 45px }
.heading h2 { font-size: 36px; font-weight: 400 }
.heading h3 { font-size: 24px; font-weight: 400 }
.service-info h3 { font-size: 20px }
.our-services .col-sm-4 { margin-bottom: 32px; padding-bottom: 20px }
.our-services .col-sm-4:nth-child(4), .our-services .col-sm-4:nth-child(5), .our-services .col-sm-4:nth-child(6) { padding-top: 0 }
.service-icon { font-size: 30px; height: 65px; line-height: 62px; width: 65px }
.our-services .col-sm-4:hover .service-icon:before { height: 90px; width: 90px }
.digital-marketing { background: url(../images/bg-logo.png) center top no-repeat }
.digital-marketing .col-sm-5.col-md-4 { text-align: center!important }
.digital-marketing .display-none { display: none }
.apps-service-box { padding: 15px }
.apps-service-box .icon-box { top: -35px; left: 44% }
.services-section .col-md-4 { padding-top: 15px; padding-bottom: 15px }
.about-info { text-align: center; margin-bottom: 50px }
.team-member { margin-bottom: 50px }
.team-members .col-sm-3, .pricing-table .col-sm-3, .work-details-section .col-sm-3, .blog-posts .col-sm-4 { width: 50%; float: left }
.social-icons ul li a { font-size: 14px; height: 30px; line-height: 30px; width: 30px }
.count .col-xs-6 { margin-bottom: 35px }
#features { min-height: 330px }
#features i { font-size: 35px }
#features h3 { font-size: 25px }
.price span { font-size: 50px; margin-top: 25px }
.price { font-size: 18px; height: 110px; line-height: 35px; width: 130px }
.single-table ul { margin-top: 22px }
.single-table ul li { font-size: 14px; margin-top: 15px }
.btn-signup { font-size: 12px; margin-top: 25px; padding: 10px 35px }
.single-table { margin-bottom: 40px; padding: 20px }
#twitter { padding-bottom: 75px }
.twitter-left-control, .twitter-right-control { top: inherit; bottom: 30px; height: 25px; width: 25px; line-height: 23px; font-size: 14px }
.twitter-left-control { left: 40% }
.twitter-right-control { right: 40% }
#blog { overflow: hidden }
.entry-header h2 { line-height: 20px }
.blog-posts .col-sm-4 { margin-bottom: 35px }
.load-more { margin-top: 35px }
.btn-loadmore { font-size: 12px; padding: 15px 75px }
#contact-us .heading { padding-top: 35px }
.contact-info { padding-left: 0 }
#footer .footer-bottom { text-align: center }
.footer-bottom p.pull-right { float: none!important }
.footer-logo { position: absolute; top: -76px; width: 95% }
.copyright { padding-top: 50px }
.b-padding-15 { padding-bottom: 15px }
.inner-pages-heading h1 { font-size: 48px }
.inner-pages-heading h1, .inner-pages-heading2 h1, .h2, .work-head-section h2 { font-size: 48px }
.digital-section1 h2, .d-m-section-1 h2, .d-m-section-2 h2, .d-m-section-3 h2, .d-m-section-4 h2, .d-m-section-5 h2, .d-m-section-6 h2, .d-m-section-7 h2, .d-m-section-8 h2, .d-m-section-9 h2, .d-m-section-10 h2 { font-size: 36px }
section h3, .d-m-section-1 h3, .d-m-section-2 h3, .d-m-section-3 h3, .d-m-section-4 h3, .d-m-section-5 h3, .d-m-section-6 h3, .d-m-section-7 h3, .d-m-section-8 h3, .d-m-section-9 h3, .d-m-section-10 h3 { font-size: 32px }
.phone-bg { background: url(../images/phone-bg.jpg) -40% bottom no-repeat; background-size: cover }
.mobile-applications .heading { padding-bottom: 15px }
.mobile-applications .col-sm-5 { padding-bottom: 15px }
.work-details-section .col-sm-4 { padding-bottom: 25px }
.vfx-motion-section { background-size: cover }
.provista-bulding { position: static; bottom: 0; right: 0 }
.about-section h2, .about-section p { text-align: left }
.vision-mission { padding: 20px 20% }
.landing-con .web-app-icons {padding-left:15px;}
.landing-con .web-app-icons i {font-size: 24px;width: 40px;height: 40px;line-height:40px}
}
@media(max-width:600px) {
.top-info ul.contact { display: block; width: 100%; float: left; text-align: center; padding: 5px 10px }
.top-info ul.contact li {padding: 3px 10px; }
.features-list li { float: none; width: 100%; padding: 7px 0 }
.thr-ipad2, .thr-ipadbg { bottom: 0; }
}
@media(max-width:480px) {
.team-members .col-sm-3, .pricing-table .col-sm-3, .work-details-section .col-sm-3, .blog-posts .col-sm-4 { width: 100%; float: none }
.heading h2 { font-size: 18px; font-weight: 400 }
.heading h3 { font-size: 18px; font-weight: 400 }
.service-info h3 { font-size: 20px }
#product-slides .caption { display: none!important; width: 0 }
.inner-pages-heading h1, .inner-pages-heading2 h1, .work-head-section h2 { font-size: 36px }
h2.h2 span, .heading h2.h2 span, h2.h2, .heading h2.h2 { font-size: 32px!important }
.digital-section1 h2, .d-m-section-1 h2, .d-m-section-2 h2, .d-m-section-3 h2, .d-m-section-4 h2, .d-m-section-5 h2, .d-m-section-6 h2, .d-m-section-7 h2, .d-m-section-8 h2, .d-m-section-9 h2, .d-m-section-10 h2 { font-size: 28px }
section h3, .d-m-section-1 h3, .d-m-section-2 h3, .d-m-section-3 h3, .d-m-section-4 h3, .d-m-section-5 h3, .d-m-section-6 h3, .d-m-section-7 h3, .d-m-section-8 h3, .d-m-section-9 h3, .d-m-section-10 h3 { font-size: 24px }
}
@media(max-width:320px) {
h1.h2 span, .heading h1.h2 span, h1.h2, .heading h1.h2, h2.h2 span, .heading h2.h2 span, h2.h2, .heading h2.h2 { font-size: 28px!important }
}