| Current File : //proc/self/root/home/itiffy/public_html/public/css/responsive.css |
/*For Mobile*/
@media only screen and (max-width:760px) {
img {max-width:100%; height:auto;}
/* -----------------------------------------------------
------------------- Header Styles -------------------
----------------------------------------------------- */
.header-section, .portfolio-header-section, .inner-header-section {display:none;}
.responsive-header-section {display:block; padding:20px 15px; width:100%; height:76px; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:999;}
.responsive-header-section figure {float:left;}
.responsive-header-section figure img {height:36px; width:auto;}
.responsive-header-section aside {float:right;}
.responsive-header-section .btn-freequote {background-color:#00b5e0; height:32px; font-size:14px; font-weight:400; line-height:16px; color:#FFFFFF; text-transform:uppercase; margin:2px 0;}
/* -----------------------------------------------------
------------------- Banner Styles -------------------
----------------------------------------------------- */
.banner-section {display:none;}
.responsive-banner-section {display:block; padding:100px 30px 50px 30px; height:auto; background:#1c2527 url(../images/video-responsive.png) no-repeat center; background-size:cover; text-align:center;}
.responsive-banner-section h1 {font-family:'Play', sans-serif; font-size:18px; font-weight:normal; line-height:1.2; color:#FFFFFF; text-transform:uppercase;}
.responsive-banner-section h1 strong {display:block; font-size:60px;}
.responsive-banner-section .btn-default {margin:20px auto 0 auto; padding:10px 20px; width:auto; height:50px; background-color:#ef3901; border:none; font-family:'Play', sans-serif; font-size:20px; font-weight:400; line-height:30px; color:#FFF; text-transform:uppercase;}
.responsive-banner-section .btn-default a {color:#FFF;}
.inner-banner-section {padding:30px 15px 70px 15px;}
.inner-banner-section h1 {font-size:24px;}
.inner-banner-section p {font-size:13px;}
.portfolio-banner-section01 {display:none;}
.portfolio-banner-section02 {min-height:inherit; padding:15px;}
.portfolio-banner-section02 h1 {font-size:24px;}
.portfolio-banner-section03 {min-height:inherit; padding:15px;}
.portfolio-banner-section03 ul li {margin:0;}
.portfolio-banner-section03 ul li a {width:30%; height:auto; padding:5px;}
.portfolio-banner-section03 ul li a.active {background:none;}
.portfolio-banner-section03 ul li a.active img {border:2px solid #FFF;}
.breadcrumb-box {display:none;}
/* -----------------------------------------------------
------------------ Content Styles -------------------
----------------------------------------------------- */
.content-section {}
.home-section01 {padding:15px; display:none;}
.home-section01a {padding:15px;}
.home-section01a h2 {font-size:24px;}
.home-section01a p {font-size:13px; padding:10px 0;}
.home-section02 {padding:15px;}
.home-section02 h3 {font-size:24px;}
.home-section02 h4 {font-size:20px;}
.home-section02 p {font-size:13px;}
.home-section03 {padding:15px;}
.home-section03 h2 {font-size:30px;}
.home-section03 h4 {font-size:18px;}
.home-section03 p {font-family:'Play', sans-serif; font-size:14px; font-weight:400; line-height:1.4; color:#4c4c4c; padding:5px 0;}
#tabs-container {display:none;}
#res-tabs-container {display:block;}
.btn-site {font-size:14px !important; line-height:28px !important; height:30px !important; margin:10px auto 0 auto;}
.home-section04 {min-height:inherit; padding:15px 0; text-align:center;}
.home-section04 h4 {font-size:20px; line-height:1.2;}
.home-section04 .btn-get {font-size:14px; line-height:30px; height:30px; border-radius:15px; margin:10px auto;}
.home-section05 {padding:0;}
.home-section05 .container {padding:15px 0;}
.home-section05 h4 {font-size:20px;}
.home-section05 p {font-size:14px;}
.home-section05 p strong {font-size:16px;}
.home-section05 .jcarousel-pagination a {width:20px !important;}
.home-section06 {padding:30px 0;}
.home-section06 .community-box {padding:140px 15px 15px 15px; min-height:inherit;}
.home-section06 h3 {font-size:26px;}
.home-section06 p {font-size:15px;}
.home-section06 .link {font-size:22px;}
.home-section06 .socials-box {padding:15px; background:none;}
.home-section06 .newsletter-box {padding:60px 15px 15px 15px;}
.home-section06 .newsletter input[type="text"] {width:79%;}
.home-section06 h4 {text-align:right; padding-bottom:15px;}
.home-section06 .socials-box p {font-size:13px;}
.about-section01 {padding:60px 15px 30px 15px;}
.about-section01 h2 {font-size:24px;}
.about-section01 p {font-size:15px;}
.about-section01 ul li {font-size:15px; padding:5px 0;}
.panel-title {font-size:15px;}
.service-section01 {background:none; padding:0;}
.service-section01 .mad-box, .service-section01 .pv-box, .service-section01 .dho-box, .service-section01 .wdd-box, .service-section01 .omssdm-box, .service-section01 .gd-box {padding:50px 0 0 0;}
.service-section01 h2 {font-size:24px;}
.service-section01 p {font-size:15px; padding:10px;}
.service-section01 figure {padding-top:10px;}
.service-section01 .express-box {background:none; background-color:#00b5e0; padding:30px; text-align:center;}
.service-section01 .express-box img {float:none; margin-right:0;}
.service-section01 .express-box h2 {padding-top:20px;}
.service-section01 .btn-packages {font-size:18px;}
.service-section01 .btn-packages a .fa {font-size:24px; vertical-align:middle;}
.service-section03 {display:none;}
.gd-section01 {min-height:300px; background-color:#452a1b; background-size:contain; background-position:bottom; padding-bottom:40%; text-align:center;}
.gd-section01 article {padding:15px;}
.gd-section01 article h2 {font-size:30px;}
.gd-section01 article p {font-size:15px;}
.gd-section01 article .btn-portfolio, .gd-section01 article .btn-startnow {width:132px; font-size:16px;}
.gd-section02 {min-height:300px; background-color:#ffffff; background-size:contain; background-position:bottom; padding-bottom:40%; text-align:center;}
.gd-section02 article {padding:15px;}
.gd-section02 article h2 {font-size:30px;}
.gd-section02 article p {font-size:15px;}
.gd-section02 article .btn-portfolio, .gd-section02 article .btn-getaquote {width:132px; font-size:16px; padding:0; margin-bottom:15px;}
.gd-section03 {min-height:300px; background-color:#525252; background-size:contain; background-position:bottom; padding-bottom:40%; text-align:center;}
.gd-section03 article {padding:15px;}
.gd-section03 article h2 {font-size:30px;}
.gd-section03 article p {font-size:15px;}
.gd-section03 article .btn-portfolio, .gd-section03 article .btn-getaquote {width:132px; font-size:16px; padding:0; margin-bottom:15px;}
.gd-section04 {min-height:300px; background-color:#050300; background-size:contain; background-position:bottom; padding-bottom:40%; text-align:center;}
.gd-section04 article {padding:15px;}
.gd-section04 article h2 {font-size:30px;}
.gd-section04 article p {font-size:15px;}
.gd-section04 article .btn-portfolio, .gd-section04 article .btn-getaquote {width:132px; font-size:16px; padding:0; margin-bottom:15px;}
.gd-section05 {min-height:300px; background-color:#ffffff; background-size:contain; background-position:bottom; padding-bottom:40%; text-align:center;}
.gd-section05 article {padding:15px;}
.gd-section05 article h2 {font-size:30px; line-height:1;}
.gd-section05 article p {font-size:15px;}
.gd-section05 article .btn-portfolio, .gd-section05 article .btn-getaquote {width:132px; font-size:16px; padding:0; margin-bottom:15px;}
.mad-section01 {padding:0;}
.mad-section01 article {padding:15px;}
.mad-section01 article p {font-size:16px;}
.btn-quote {width:132px; height:auto; font-size:16px; line-height:1; padding:10px 0;}
.mad-section02 {padding:15px;}
.mad-section02 h2 {font-size:24px;}
.mad-section02 p, .mad-section02 article p {font-size:15px;}
.mad-section02 figure {padding:15px;}
.mad-section03 {padding:0; min-height:300px;}
.mad-section03 article {padding:15px;}
.mad-section03 h2 {font-size:24px;}
.mad-section03 p {font-size:15px;}
.mad-section04 article {min-height:inherit;}
.mad-section04 article .content {width:auto; padding:15px; float:none;}
.mad-section04 article h2 {font-size:24px; padding:15px;}
.mad-section04 article h2 span {font-size:24px;}
.mad-section04 section .content [class*="col-"], .mad-section04 aside .content [class*="col-"] {padding:0 15px;}
.mad-section04 section .content, .mad-section04 aside .content {width:100%;}
.mad-section04 figure {width:100%; min-height:300px; position:inherit;}
.mad-section04 figure img {position:inherit; right:auto; bottom:auto;}
.mad-section04 aside .content .img-box {position:inherit;}
.mad-section04 aside .content .img-box img {position:inherit; left:auto; bottom:auto;}
.mad-section05 article {padding:15px;}
.mad-section05 h2 {font-size:24px;}
.mad-section05 p {font-size:15px;}
.wdd-section01 .main-img {min-height:100px; height:auto; position:inherit;}
.wdd-section01 .main-img img {position:inherit; right:auto; top:auto;}
.wdd-section01 .link-box ul li {padding:0 15px; font-size:24px;}
.wdd-section01 .link-box p {padding:15px 0;}
.wdd-section01 .tab-section {padding:0;}
.wdd-section01 .tab-section ul li {width:100%; height:auto; float:none; text-align:left; margin:0; font-size:20px; border:none;}
.wdd-section01 .tab-section ul li a {padding:10px;}
.wdd-section01 .tab-section ul li a img {display:inline-block; margin:0 15px 0 0; height:50px;}
#newwebsitedesign-res {background-color:#f4bd4e; padding:30px; text-align:center;}
#websiteredesign-res {background-color:#fc8916; padding:30px; text-align:center;}
#businessblogdesign-res {background-color:#6592ee; padding:30px; text-align:center;}
#landingpagedesign-res {background-color:#a0c626; padding:30px; text-align:center;}
#custominfographic-res {background-color:#00b5e0; padding:30px; text-align:center;}
#customlogosolution-res {background-color:#6ac7c7; padding:30px; text-align:center;}
#wordpress-res {background-color:#f4bd4e; padding:30px; text-align:center;}
#joomla-res {background-color:#fc8916; padding:30px; text-align:center;}
#prestashop-res {background-color:#6592ee; padding:30px; text-align:center;}
#customphp-res {background-color:#a0c626; padding:30px; text-align:center;}
#magento-res {background-color:#00b5e0; padding:30px; text-align:center;}
#laravel-res {background-color:#6ac7c7; padding:30px; text-align:center;}
.tab-details h2 {font-size:24px;}
.tab-details p {font-size:14px;}
.tab-details #myAnchor-res {position:absolute; top:-74px; left:;}
.portfolio-tab-details {background-color:#FFF; padding:15px;}
.logo-graphics h2, .brochure-graphics h2, .advertisement-graphics h2, .branding-graphics h2, .social-media-graphics h2, .others-work-graphics h2 {font-size:24px; padding:0;}
.logo-graphics .box {min-height:150px; line-height:128px;}
.logo-graphics .box img {max-height:128px;}
.brochure-graphics .box {min-height:150px; line-height:128px;}
.brochure-graphics .box img {max-height:128px;}
.advertisement-graphics .box {min-height:150px; line-height:128px;}
.advertisement-graphics .box img {max-height:128px;}
.branding-graphics .box {min-height:150px; line-height:128px;}
.branding-graphics .box img {max-height:128px;}
.social-media-graphics .box {min-height:160px; line-height:138px;}
.social-media-graphics .box img {max-height:138px;}
.others-work-graphics .box {min-height:150px; line-height:128px;}
.others-work-graphics .box img {max-height:128px;}
.our-clients ul {text-align:center;}
.our-clients ul li {margin:10px;}
.our-clients ul li img {display:inline-block;}
.our-clients {padding:15px;}
.wdd-section02, .wdd-section03, .wdd-section04 {padding:15px;}
.wdd-section02 {background-color:#b3ccd9;}
.wdd-section02 h2 {font-size:24px;}
.wdd-section02 p {padding-bottom:50px;}
.wdd-section02 .success-results .prev, .wdd-section02 .success-results .next {top:90px;}
.wdd-section04 .nor-price-box, .wdd-section04 .hot-price-box {margin-top:80px;}
.mobile-app-section01 {margin:-15px; background-color:#0a1a1e;}
.mobile-app-section01 p {font-size:14px;}
.mobile-app-section01 h4 {font-size:18px;}
.mobile-app-section02 {margin:-15px; padding-top:30px; min-height:450px;}
.mobile-app-section02 h2 {font-size:30px;}
.mobile-app-section02 p {font-size:14px; padding:10px;}
.cms-website01 {margin:-15px -15px 0 -15px; padding:30px 15px 200px 15px; background-color:#2e3296; background-position:bottom; background-size:contain; min-height:200px; text-align:center;}
.cms-website01 article {max-width:100%; padding:0;}
.cms-website01 .btn-view {margin-top:10px; height:40px; line-height:28px;}
.cms-website01 article ul.wappalyzer {position:inherit; right:auto; bottom:auto; padding-top:15px;}
.cms-website01 p {font-size:15px;}
.cms-website02 {margin:0 -15px; padding:15px 15px 150px 15px; background-color:#FFFFFF; background-position:bottom; background-size:contain; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.cms-website02 p {font-size:15px;}
.cms-website02 .bdr {border:none; padding:0;}
.cms-website02 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.cms-website02 article ul.wappalyzer {position:inherit; right:auto; bottom:auto; padding-top:15px;}
.cms-website02 article ul.wappalyzer li {display:inline;}
.cms-website03 {margin:15px -15px; padding:15px 15px 200px 15px; background-color:#FFFFFF; background-position:bottom; background-size:contain; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.cms-website03 p {font-size:15px;}
.cms-website03 .bdr {border:none; padding:0;}
.cms-website03 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.cms-website03 article {max-width:100%; padding:0;}
.cms-website03 article ul.wappalyzer {position:inherit; right:auto; bottom:auto; margin:0;}
.cms-website03 article ul.wappalyzer li {display:inline;}
.cms-website04 {margin:15px -15px; padding:15px 15px 200px 15px; background-color:#FFFFFF; background-position:bottom; background-size:contain; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.cms-website04 article {max-width:100%; padding:0;}
.cms-website04 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.cms-website04 article ul.wappalyzer {position:inherit; right:auto; bottom:auto; margin:0;}
.cms-website04 p {font-size:15px;}
.cms-website05 {margin:15px -15px; padding:15px 15px 200px 15px; background-color:#FFFFFF; background-position:bottom; background-size:contain; min-height:200px; text-align:center;}
.cms-website05 article {max-width:100%; padding:0;}
.cms-website05 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.cms-website05 article ul.wappalyzer {position:inherit; right:auto; bottom:auto; margin:0;}
.cms-website05 p {font-size:15px;}
.cms-website06 {margin:15px -15px; padding:15px 15px 200px 15px; background-color:#3c2d26; background-position:bottom; background-size:contain; min-height:200px; text-align:center;}
.cms-website06 article {max-width:100%; padding:0;}
.cms-website06 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.cms-website06 article ul.wappalyzer {position:inherit; right:auto; bottom:auto; margin:0;}
.cms-website06 p {font-size:15px;}
.bussiness-partners {padding:15px;}
.bussiness-partners ul {text-align:center;}
.bussiness-partners ul li {margin:10px; font-size:20px; line-height:2;}
.bussiness-partners ul li img {display:inline-block;}
.ecommerce-website01 {margin:-15px -15px 0 -15px; padding:15px 15px 200px 15px; background-color:#FFFFFF; background-position:bottom; background-size:contain; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.ecommerce-website01 article {max-width:100%; padding:0;}
.ecommerce-website01 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.ecommerce-website01 article p {font-size:15px;}
.ecommerce-website02 {margin:15px -15px; padding:15px 15px 200px 15px; background-color:#FFFFFF; background-position:bottom; background-size:contain; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.ecommerce-website02 article {max-width:100%; padding:0;}
.ecommerce-website02 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.ecommerce-website02 article p {font-size:15px;}
.ecommerce-website03 {margin:15px -15px; padding:15px 15px 200px 15px; background-color:#FFFFFF; background-position:bottom; background-size:contain; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.ecommerce-website03 article {max-width:100%; padding:0;}
.ecommerce-website03 .btn-view {margin-top:10px; height:40px; line-height:28px; width:170px;}
.ecommerce-website03 article p {font-size:15px; color:#000000;}
.social-media-page-01 {margin:-15px -15px 0 -15px; padding:30px 15px; background-size:contain; background-position:bottom; padding-bottom:60%; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.social-media-page-01 article {max-width:100%; padding:0; text-align:center;}
.social-media-page-01 p {font-size:15px; color:#000000;}
.social-media-page-01 h3 {font-size:24px; color:#000000;}
.social-media-page-02 {margin:15px -15px; padding:30px 15px; background-size:contain; background-position:bottom; padding-bottom:60%; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.social-media-page-02 article {max-width:100%; padding:0;}
.social-media-page-02 article p {font-size:15px; color:#000000;}
.social-media-page-02 p {font-size:15px; color:#000000;}
.social-media-page-02 h2 {font-size:30px; color:#000000;}
.social-media-page-03 {margin:15px -15px; padding:30px 15px; background-size:contain; background-position:bottom; padding-bottom:50%; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.social-media-page-03 article {max-width:100%; padding:0;}
.social-media-page-03 p {font-size:15px;}
.social-media-page-03 h3 {font-size:24px;}
.social-media-page-04 {margin:15px -15px; padding:30px 15px; background-size:contain; background-position:bottom; padding-bottom:60%; min-height:200px; text-align:center; border-bottom:1px solid #dddddd;}
.social-media-page-04 article {max-width:100%; padding:0; float:none;}
.social-media-page-04 p {font-size:15px;}
.social-media-page-04 h3 {font-size:24px;}
.social-media-page-04 aside {padding:0;}
.new-about-section01 h2 {font-size:30px; text-align:center;}
.new-about-section01 p {font-size:14px;}
.new-about-section01 .white-box01 {width:100%; height:auto; padding:15px; background-color:#FFFFFF; float:none;}
.new-about-section01 .white-box01 [class*="col-"] {padding:0 !important; text-align:center !important;}
.new-about-section01 .white-box02 {width:100%; height:auto; padding:15px; background-color:#FFFFFF; float:none;}
.new-about-section01 .white-box02 [class*="col-"] {padding:0 !important; text-align:center !important;}
.new-about-section01 .white-box03 {width:100%; height:auto; background-color:#FFFFFF; float:none;}
.new-about-section01 .white-box03 img {width:100%; height:100%;}
.new-about-section01 .blue-box01 {width:100%; height:auto; padding:15px; background-color:#00b5e0; float:none;}
.new-about-section01 .blue-box01 figure {text-align:center; padding:15px;}
.new-about-section01 .blue-box01 h2 {color:#FFFFFF; padding:10px 0; text-align:center;}
.new-about-section01 .blue-box01 p {color:#FFFFFF; text-align:center;}
.new-about-section01 .blue-box02 {width:100%; height:auto; float:none;}
.our-team .team-info {font-size:12px;}
.new-about-section01 .blue-box03 {width:100%; height:auto; padding:15px; float:none; background-color:#00b5e0;}
.new-about-section01 .blue-box03 p {font-size:14px;}
.our-team .show_content {position:inherit !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;}
.new-portfolio-header, .new-portfolio-links, header {display:none !important;}
.column3 {left:0% !important;}
.bg-color-cms-01 {padding:15px; height:100vh;}
.bg-color-cms-02 {padding:15px; height:100vh;}
.bg-color-cms-03 {padding:15px; height:100vh;}
.bg-color-cms-04 {padding:15px; height:100vh;}
.bg-color-cms-05 {padding:15px; height:100vh;}
.bg-color-cms-06 {padding:15px; height:100vh;}
.bg-color-ecommerce-01 {padding:15px; height:100vh;}
.bg-color-ecommerce-02 {padding:15px; height:100vh;}
.bg-color-ecommerce-03 {padding:15px; height:100vh;}
.bg-color-ecommerce-04 {padding:15px; height:100vh;}
.bg-color-ecommerce-05 {padding:15px; height:100vh;}
.bg-color-ecommerce-06 {padding:15px; height:100vh;}
.bg-color-mobileapp-01 {padding:15px; height:100vh;}
.bg-color-mobileapp-02 {padding:15px; height:100vh;}
.bg-color-mobileapp-03 {padding:15px; height:100vh;}
.bg-color-mobileapp-04 {padding:15px; height:100vh;}
.bg-color-logo-01 {padding:15px; height:100vh;}
.bg-color-logo-02 {padding:15px; height:100vh;}
.bg-color-logo-03 {padding:15px; height:100vh;}
.bg-color-logo-04 {padding:15px; height:100vh;}
.bg-color-logo-05 {padding:15px; height:100vh;}
.bg-color-brochure-01 {padding:15px; height:100vh;}
.bg-color-brochure-02 {padding:15px; height:100vh;}
.bg-color-brochure-03 {padding:15px; height:100vh;}
.bg-color-brochure-04 {padding:15px; height:100vh;}
.bg-color-brochure-05 {padding:15px; height:100vh;}
.bg-color-advertisement-01 {padding:15px; height:100vh;}
.bg-color-advertisement-02 {padding:15px; height:100vh;}
.bg-color-advertisement-03 {padding:15px; height:100vh;}
.bg-color-advertisement-04 {padding:15px; height:100vh;}
.bg-color-advertisement-05 {padding:15px; height:100vh;}
.bg-color-social-01 {padding:15px; height:100vh;}
.bg-color-social-02 {padding:15px; height:100vh;}
.bg-color-social-03 {padding:15px; height:100vh;}
.bg-color-social-04 {padding:15px; height:100vh;}
.bg-color-social-05 {padding:15px; height:100vh;}
.bg-color-cms-05 .project_details_link {border:none; color:#000000;}
.homeContHolder {margin:76px auto 0 auto; background:none;}
.projectInfo li div {height:auto;}
.column3 {background:none;}
.dedicated-hire-section-01 {padding:15px;}
.dedicated-hire-section-01 h2 {font-size:24px;}
.dedicated-hire-section-01 h4 {font-size:16px;}
.dedicated-hire-section-01 p {font-size:14px;}
.dedicated-hire-section-02 {padding:0 15px;}
.dedicated-hire-section-02 .container {padding:0;}
.dedicated-hire-section-02 h3 {font-size:24px;}
.dedicated-hire-section-02 h6 {font-size:14px; padding:5px;}
.dedicated-hire-section-02 p {font-size:14px;}
.dedicated-hire-section-02 .content {padding:15px 0;}
.dedicated-hire-section-02 .price-txt {font-size:60px; padding:15px 0;}
.btn-hire-now {font-size:26px; letter-spacing:normal;}
.dedicated-hire-section-03 {padding:15px 0; font-size:20px;}
.dedicated-hire-section-03 label {font-size:20px;}
.dedicated-hire-section-04 {padding:15px 0; font-size:20px;}
#tcb-testimonial-carousel .carousel-control.left {left:38% !important;}
#tcb-testimonial-carousel .carousel-control.right {right:38% !important;}
.hosting-plans-section-05 {padding:30px 0;}
.hosting-plans-section-05 h3 {font-size:24px;}
.hosting-plans-section-05 p {font-size:14px;}
.hosting-plans-section-05 p strong {font-size:16px;}
.blue-bubble, .green-bubble, .orange-bubble {width:auto; font-size:38px;}
.hosting-plans-section-06 .table-box {padding:15px 0;}
.website-plans-section-01 .plans-section-01, .website-plans-section-01 .plans-section-01 .container {padding:0;}
.website-plans-section-01 .plans-section-02 {padding:0;}
.plan-box-grey-01 {min-height:inherit;}
.plan-box-blue-01 {min-height:inherit; margin:0; padding:15px;}
.plan-box-blue-02 {min-height:inherit; margin:0; padding:15px;}
.plan-box-yellow-01 {min-height:inherit; margin:0; padding:15px;}
.plan-box-yellow-02 {min-height:inherit; margin:0; padding:15px;}
.plan-box-green-01 {min-height:inherit; margin:0; padding:15px;}
.plan-box-green-02 {min-height:inherit; margin:0; padding:15px;}
.plan-box-red-01 {min-height:inherit; margin:0; padding:15px;}
.plan-box-red-02 {min-height:inherit; margin:0; padding:15px;}
.plan-box-orange-01 {min-height:inherit; margin:0; padding:15px;}
.plan-box-orange-02 {min-height:inherit; margin:0; padding:15px;}
.plan-box-voilet-01 {min-height:inherit; margin:0; padding:15px;}
.plan-box-voilet-02 {min-height:inherit; margin:0; padding:15px;}
.website-plans-section-01 .plans-section-02 h3 {font-size:20px;}
.website-plans-section-01 .plans-section-02 p {font-size:16px;}
.website-plans-section-01 .plans-section-01 h2 {font-size:30px;}
.website-plans-section-01 .plans-section-01 h4 {font-size:24px;}
.web-security-section-01 {padding:15px 0;}
.web-security-section-01 h3 {font-size:22px; padding:0;}
.web-security-section-01 p {font-size:12px;}
.web-security-section-01 ul {padding:0;}
.web-security-section-01 ul li {font-size:12px; padding:5px 0;}
.security-plan .basic-plan {margin:0; min-height:inherit;}
.security-plan .standard-plan {margin:0; min-height:inherit;}
.security-plan .advance-plan {margin:0; min-height:inherit;}
.security-plan .basic-plan .content {padding:15px; min-height:inherit;}
.security-plan .standard-plan .content {padding:15px; min-height:inherit;}
.security-plan .advance-plan .content {padding:15px; min-height:inherit;}
.security-plan .buy-now-basic, .security-plan .buy-now-standard, .security-plan .buy-now-advance {margin:20px auto;}
.web-security-section-02 {padding:15px 0;}
.web-security-section-02 h2 {font-size:26px;}
.web-security-section-02 p {font-size:14px;}
.web-security-section-02 h4 {font-size:20px;}
.web-security-section-02 ul li {font-size:14px;}
.web-security-section-03 {padding:15px 0;}
.web-security-section-03 p {font-size:16px;}
.web-security-section-04 {padding:15px 0;}
.web-security-section-04 h2 {font-size:26px;}
.web-security-section-04 p {font-size:16px;}
.web-security-section-05 {padding:15px 0;}
.web-security-section-05 h2 {font-size:26px;}
.web-security-section-05 h4 {font-size:22px;}
.web-security-section-05 h5 {font-size:18px;}
.web-security-section-05 h6 {font-size:16px;}
.web-security-section-05 p {padding:5px 0; text-align:center;}
.web-security-section-05 section {position:inherit;}
.web-security-section-05 section .box-one {position:inherit; left:auto; top:auto; width:100%; height:auto; padding:30px; margin:15px auto; -webkit-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); box-shadow: 0px 0px 20px 0px rgba(220,220,220,1);}
.web-security-section-05 section .box-one .number {position:inherit; left:auto; top:auto; margin:0 auto 30px auto;}
.web-security-section-05 section .box-two {position:inherit; left:auto; top:auto; width:100%; height:auto; padding:30px; margin:15px auto; -webkit-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); box-shadow: 0px 0px 20px 0px rgba(220,220,220,1);}
.web-security-section-05 section .box-two .number {position:inherit; left:auto; top:auto; margin:0 auto 30px auto;}
.web-security-section-05 section .box-three {position:inherit; left:auto; top:auto; width:100%; height:auto; padding:30px; margin:15px auto; -webkit-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); box-shadow: 0px 0px 20px 0px rgba(220,220,220,1);}
.web-security-section-05 section .box-three .number {position:inherit; left:auto; top:auto; margin:0 auto 30px auto;}
.web-security-section-05 section .box-four {position:inherit; left:auto; top:auto; width:100%; height:auto; padding:30px; margin:15px auto; -webkit-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 20px 0px rgba(220,220,220,1); box-shadow: 0px 0px 20px 0px rgba(220,220,220,1);}
.web-security-section-05 section .box-four .number {position:inherit; left:auto; top:auto; margin:0 auto 30px auto;}
.express-section-01 {min-height:inherit; padding:0;}
.express-section-01 .container {background-color:rgba(0,0,0,0.5); padding:15px;}
.express-section-01 h2 {font-size:18px;}
.express-section-01 h2 strong {font-size:28px;}
.express-section-01 p {font-size:14px;}
.express-section-01 .total-cost {float:none; margin:15px auto; width:150px; height:150px; padding-top:45px;}
.express-section-01 .total-cost h4 {font-size:14px; padding:5px 10px;}
.express-section-01 .total-cost h5 {font-size:28px;}
.express-section-01 .total-cost h5 span {font-size:14px;}
.express-section-02 {min-height:inherit; padding:0;}
.express-section-03 {min-height:inherit; padding:15px 0 0 0;}
.express-section-03 h3 {font-size:26px;}
.express-section-03 h6 {font-size:14px; padding:5px 0;}
.express-section-03 h5 {font-size:16px;}
.express-section-03 p {font-size:12px;}
.express-section-03 .box {padding:15px 0;}
.express-section-04 {min-height:inherit; padding:15px 0;}
#facebook_iframe {margin-top:0;}
.home-section06 .socials-box {height:auto; padding:0;}
.home-section06 h4 {line-height:normal;}
.socials-box .twitter_part {position:inherit; left:auto; top:auto; float:left; width:33.333%; height:60px; padding:6px; text-align:center; background-color:#f6dd07; line-height:48px; vertical-align:middle;}
.socials-box .instragum_part {position:inherit; left:auto; top:auto; float:left; width:33.333%; height:60px; padding:6px; text-align:center; background-color:#fd8816; line-height:48px; vertical-align:middle;}
.socials-box .facebook_part {position:inherit; left:auto; top:auto; float:left; width:33.333%; height:60px; padding:6px; text-align:center; background-color:#00b5e0; line-height:48px; vertical-align:middle;}
/* -----------------------------------------------------
------------------- Footer Styles -------------------
----------------------------------------------------- */
.footer-section01 {padding:30px 15px;}
.footer-section01 h2 {font-size:24px;}
.footer-section01 h3 {font-size:20px;}
.footer-section01 p {font-size:14px;}
.footer-section01 .section03 figure {display:none;}
.footer-section01 .section03 nav {float:none; padding:0;}
.footer-section01 .brochure-download {display:none;}
.footer-section02 {padding:20px 0 90px 0;}
.cd-top {bottom:70px; right:0;}
.responsive-footer-section {display:block; background-color:#009bc0; width:100%; height:72px; position:fixed; bottom:0; left:0; z-index:999;}
.responsive-footer-section ul {margin:0; padding:0; list-style:none; position:relative;}
.responsive-footer-section ul li {margin:0; padding:0; float:left; width:25%; text-align:center;}
.responsive-footer-section ul li a {display:block; padding:10px;}
.responsive-menu {position:absolute; bottom:0; left:0; width:100%; background-color:#42c8e9; display:none;}
.responsive-menu ul {margin:0; padding:30px; display:block; text-align:left;}
.responsive-menu ul li {display:block; vertical-align:top; float:none; width:100%; font-family:'Play', sans-serif; font-size:18px; font-weight:700; line-height:1.2; color:#FFFFFF; text-transform:uppercase; text-align:left; border-bottom:1px solid rgba(255,255,255,0.3);}
.responsive-menu ul li a {color:#FFFFFF; display:block; padding:10px;}
.responsive-menu ul li a:hover {color:#FFFFFF; background-color:#009bc0; transition:all .4s ease-in-out;}
.responsive-menu ul li:last-child {border-bottom:none;}
}
/*For Midium Mobile*/
@media only screen and (min-width:480px) and (max-width:760px){
}
/*For Tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {
img {max-width:100%; height:auto;}
.cd-main-content {padding-top:0 !important;}
/* -----------------------------------------------------
------------------- Header Styles -------------------
----------------------------------------------------- */
.header-section, .portfolio-header-section, .inner-header-section {display:none;}
.responsive-header-section {display:block; padding:20px 15px; width:100%; height:76px; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:999;}
.responsive-header-section figure {float:left;}
.responsive-header-section figure img {height:36px; width:auto;}
.responsive-header-section aside {float:right;}
.responsive-header-section .btn-freequote {background-color:#00b5e0; height:32px; font-size:14px; font-weight:400; line-height:16px; color:#FFFFFF; text-transform:uppercase; margin:2px 0;}
/* -----------------------------------------------------
------------------- Banner Styles -------------------
----------------------------------------------------- */
.banner-section {display:none;}
.responsive-banner-section {display:block; padding:150px 30px 50px 30px; height:auto; background:#1c2527 url(../images/video-responsive.png) no-repeat center; background-size:cover; text-align:center;}
.responsive-banner-section h1 {font-family:'Play', sans-serif; font-size:18px; font-weight:normal; line-height:1.2; color:#FFFFFF; text-transform:uppercase;}
.responsive-banner-section h1 strong {display:block; font-size:60px;}
.responsive-banner-section .btn-default {margin:20px auto 0 auto; padding:10px; width:300px; height:50px; background-color:#ef3901; border:none; font-family:'Play', sans-serif; font-size:20px; font-weight:400; line-height:30px; color:#FFF; text-transform:uppercase;}
.responsive-banner-section .btn-default a {color:#FFF;}
.inner-banner-section {padding:30px 0 70px 0;}
.inner-banner-section h1 {font-size:34px;}
.inner-banner-section p {font-size:15px;}
.portfolio-banner-section01 {display:none;}
.portfolio-banner-section02 {min-height:inherit; padding:15px;}
.portfolio-banner-section02 h1 {font-size:24px;}
.portfolio-banner-section03 {min-height:inherit; padding:15px;}
.portfolio-banner-section03 ul li {margin:5px;}
.portfolio-banner-section03 ul li a {width:30%; height:150px;}
.portfolio-tab-details {background-color:#FFF; padding:15px;}
.logo-graphics h2, .brochure-graphics h2, .advertisement-graphics h2, .branding-graphics h2, .social-media-graphics h2, .others-work-graphics h2 {font-size:24px; padding:0;}
.logo-graphics .box {min-height:150px;}
.logo-graphics .box img {height:128px;}
/* -----------------------------------------------------
------------------ Content Styles -------------------
----------------------------------------------------- */
.content-section {}
.home-section01 {padding:15px; display:none;}
.home-section01a {padding:15px;}
.home-section01a h2 {font-size:30px;}
.home-section01a p {font-size:14px; padding:10px 0;}
.home-section02 {padding:15px;}
.home-section02 h3 {font-size:24px;}
.home-section02 h4 {font-size:20px;}
.home-section02 p {font-size:14px;}
.home-section03 {padding:15px;}
.home-section03 h2 {font-size:30px;}
.home-section03 h4 {font-size:18px;}
.btn-site, .btn-more {margin:10px auto !important;}
.home-section03 .tabs-menu li {padding:0 0 20px 0;}
.home-section04 {padding:15px;}
.home-section04 h4 {font-size:24px;}
.home-section04 .btn-get {font-size:14px;}
.home-section05 {padding:15px; min-height:inherit;}
.home-section05 .container {padding:15px;}
.home-section05 h4 {font-size:22px;}
.home-section05 p {font-size:14px;}
.home-section06 .community-box {background:#FFFFFF url(../images/img01.png) no-repeat top left; min-height:inherit; margin-bottom:30px;}
.home-section06 .socials-box {padding:40px 50px 40px 200px;}
.about-section01 {padding:60px 15px 30px 15px;}
.about-section01 h2 {font-size:34px;}
.about-section01 p {font-size:16px;}
.about-section01 ul li {font-size:16px; padding:5px 0;}
.panel-title {font-size:16px;}
.service-section01 {background:none; padding:0;}
.service-section01 .mad-box, .service-section01 .pv-box, .service-section01 .dho-box, .service-section01 .wdd-box, .service-section01 .omssdm-box, .service-section01 .gd-box {padding:50px 0 0 0;}
.service-section01 h2 {font-size:24px;}
.service-section01 p {font-size:15px; padding:10px;}
.service-section01 figure {padding-top:10px;}
.service-section01 .express-box {background:none; background-color:#00b5e0; padding:30px; text-align:center;}
.service-section01 .express-box img {float:none; margin-right:0;}
.service-section01 .express-box h2 {padding-top:20px;}
.service-section01 .btn-packages {font-size:18px;}
.service-section01 .btn-packages a .fa {font-size:24px; vertical-align:middle;}
.service-section03 {display:none;}
.our-team .show_content {position:inherit !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;}
.new-about-section01 .white-box01 {height:auto; padding:0;}
.new-about-section01 .white-box02 {height:auto; padding:0;}
.new-about-section01 .white-box03 {height:auto;}
.new-about-section01 .blue-box01 {height:auto; padding:15px;}
.new-about-section01 .blue-box02 {height:auto;}
.new-about-section01 .blue-box03 {height:auto; padding:15px;}
.new-portfolio-header, .new-portfolio-links, header {display:none !important;}
.column3 {left:0% !important;}
.bg-color-cms-01 {padding:15px; height:100vh;}
.bg-color-cms-02 {padding:15px; height:100vh;}
.bg-color-cms-03 {padding:15px; height:100vh;}
.bg-color-cms-04 {padding:15px; height:100vh;}
.bg-color-cms-05 {padding:15px; height:100vh;}
.bg-color-cms-06 {padding:15px; height:100vh;}
.bg-color-ecommerce-01 {padding:15px; height:100vh;}
.bg-color-ecommerce-02 {padding:15px; height:100vh;}
.bg-color-ecommerce-03 {padding:15px; height:100vh;}
.bg-color-ecommerce-04 {padding:15px; height:100vh;}
.bg-color-ecommerce-05 {padding:15px; height:100vh;}
.bg-color-ecommerce-06 {padding:15px; height:100vh;}
.bg-color-mobileapp-01 {padding:15px; height:100vh;}
.bg-color-mobileapp-02 {padding:15px; height:100vh;}
.bg-color-mobileapp-03 {padding:15px; height:100vh;}
.bg-color-mobileapp-04 {padding:15px; height:100vh;}
.bg-color-logo-01 {padding:15px; height:100vh;}
.bg-color-logo-02 {padding:15px; height:100vh;}
.bg-color-logo-03 {padding:15px; height:100vh;}
.bg-color-logo-04 {padding:15px; height:100vh;}
.bg-color-logo-05 {padding:15px; height:100vh;}
.bg-color-brochure-01 {padding:15px; height:100vh;}
.bg-color-brochure-02 {padding:15px; height:100vh;}
.bg-color-brochure-03 {padding:15px; height:100vh;}
.bg-color-brochure-04 {padding:15px; height:100vh;}
.bg-color-brochure-05 {padding:15px; height:100vh;}
.bg-color-advertisement-01 {padding:15px; height:100vh;}
.bg-color-advertisement-02 {padding:15px; height:100vh;}
.bg-color-advertisement-03 {padding:15px; height:100vh;}
.bg-color-advertisement-04 {padding:15px; height:100vh;}
.bg-color-advertisement-05 {padding:15px; height:100vh;}
.bg-color-social-01 {padding:15px; height:100vh;}
.bg-color-social-02 {padding:15px; height:100vh;}
.bg-color-social-03 {padding:15px; height:100vh;}
.bg-color-social-04 {padding:15px; height:100vh;}
.bg-color-social-05 {padding:15px; height:100vh;}
.bg-color-cms-05 .project_details_link {border:none; color:#000000;}
.homeContHolder {margin:76px auto 0 auto; background:none;}
.projectInfo li div {height:auto;}
.column3 {background:none;}
/* -----------------------------------------------------
------------------- Footer Styles -------------------
----------------------------------------------------- */
.footer-section01 {padding:30px 15px;}
.footer-section01 h2 {font-size:24px;}
.footer-section01 h3 {font-size:20px;}
.footer-section01 p {font-size:14px;}
.footer-section01 .section03 figure {display:none;}
.footer-section01 .section03 nav {float:none; padding:0;}
.footer-section01 .brochure-download {display:none;}
.footer-section02 {padding:20px 0 90px 0;}
.cd-top {bottom:70px; right:0;}
.responsive-footer-section {display:block; background-color:#009bc0; width:100%; height:72px; position:fixed; bottom:0; left:0; z-index:9999;}
.responsive-footer-section ul {margin:0; padding:0; list-style:none; position:relative;}
.responsive-footer-section ul li {margin:0; padding:0; float:left; width:25%; text-align:center;}
.responsive-footer-section ul li a {display:block; padding:10px;}
.responsive-menu {position:absolute; bottom:0; left:0; width:100%; background-color:#42c8e9; display:none;}
.responsive-menu ul {margin:0; padding:30px; display:block; text-align:left;}
.responsive-menu ul li {display:block; vertical-align:top; float:none; width:100%; font-family:'Play', sans-serif; font-size:18px; font-weight:700; line-height:1.2; color:#FFFFFF; text-transform:uppercase; text-align:left; border-bottom:1px solid rgba(255,255,255,0.3);}
.responsive-menu ul li a {color:#FFFFFF; display:block; padding:10px;}
.responsive-menu ul li a:hover {color:#FFFFFF; background-color:#009bc0; transition:all .4s ease-in-out;}
.responsive-menu ul li:last-child {border-bottom:none;}
}
@media only screen and (min-width:1001px) and (max-width:1100px) {
.header-section, .inner-header-section {font-size:12px;}
.new-about-section01 h2 {font-size:40px;}
.new-about-section01 p {font-size:12px; padding:7px 0;}
.new-about-section01 ul.tablink li {font-size:12px; margin-top:5px;}
.new-about-section01 .blue-box03 p {font-size:16px;}
.home-section04 h4 {font-size:32px;}
.footer-section01 h2 {font-size:32px;}
.new-about-section01 .blue-box01 {padding:30px;}
.home-section06 .newsletter input[type="text"] {width:79%;}
.home-section06 h4 {font-size:20px;}
.slide-01 .blue-box .white-box p {font-size:14px;}
.slide-01 .blue-box {height:300px;}
.banner-section .slide {height:320px;}
.slide-01 .blue-box .white-box {min-height:320px;}
img.grayscale {width:180px;}
.slide-01 h1 {font-size:54px;}
.slide-01 h1 strong {font-size:60px;}
.home-section01a h2 {font-size:50px;}
.home-section02 h3 {font-size:50px;}
.home-section02 h4 {font-size:18px;}
.home-section02 p {font-size:14px;}
.home-section03 h2 {font-size:50px;}
.home-section06 .socials-box p {font-size:14px;}
}