@media (min-width: 994px) and (max-width: 1366px) { .top-carousel { height: auto; } } @media (max-width: 1500px) { .nav-toggle { padding-top: 11px; } body { padding-top: 50px; } } /* Large desktop */ @media (max-width: 1200px) { .navbar-default .navbar-nav li a { padding: 7px; } .navbar-all { margin-top: 12px; } .navbar-all li .fa { top: -15px; } .navbar-form .input-group { width: 500px; } .nav-toggle { padding-top: 4px; } #searchform { width: 530px; position: absolute; top: 85px; } .navbar.navbar-default.shrink #searchform{ top: 60px; } .top-carousel .owl-controls { margin-top: -35%; } .top-carousel .caption{ bottom: 40%; } .top-carousel .caption h3 { font-size: 60px; } .testimonial .description { width: 60%; } .blogger-image img { margin-top: -85px; } .testimonial .description { width: 80%; } .commentlist .comment-metadata { top: -15px; float: left; margin-left: 90px; } .children .commentlist .comment-metadata { top: 0px; float: left; margin-left: 90px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 993px) { /* changes by Suman */ body { padding-top: 85px; } .nav-search.pull-right { text-align: center; float: none !important; } .nav-search.pull-right:after { content: ''; clear: both; display: block; } #nav { background: ; height: 155px; } #myNavbar { position: relative; left: 50%; transform: translate(-50%, 0); } /* changes by Suman */ .navbar-header, .navbar-brand{ width: 100%; } .logo img{ margin:0 auto; } .navbar-top{ margin-bottom: 25px; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { margin-top: 18px; text-align: right; } .navbar.navbar-default.affix.shrink{ margin-bottom: 40px; } .navbar.navbar-default.affix.shrink #searchform{ top: 125px; } .navbar-default .navbar-nav li a { padding: 10px 15px; } .nav-toggle { padding-top: 23px; } .navbar-all { margin-top: 25px; } .navbar.navbar-default.affix.shrink{ min-height: 140px; } #searchform { top: 140px; width: 100%; left: 0; } .top-carousel{ height: auto; } .top-carousel .caption{ bottom: 32%; } .top-carousel .caption h3 { font-size: 45px; padding: 0px 30px; } .top-carousel .owl-controls { margin-top: -25%; } .wrapper{ padding-top: 110px; } .price-wrapper1, .price-wrapper2, .price-wrapper3 { padding: 30px 10px 10px 10px; } .price-wrapper1 { margin: 60px -20px 90px 10px; } .price-wrapper2{ margin: 40px -20px 20px -10px; } .price-wrapper3 { margin: 60px 0px 90px -35px; padding-left: 30px; } .blog-wrapper{ margin-bottom: 20px; } .commentlist .comment-metadata { top: -15px; float: left; margin-left: 82px; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { body { padding-top: 85px; } .navbar-toggle.collapsed { margin-top: -10px; } .navbar.navbar-default.affix.shrink .navbar-toggle.collapsed { margin-top: -18px; } .nav-search.pull-right { float: none !important; } .nav-toggle { top: 22px; } .navbar-default .navbar-toggle { z-index: 1; margin-top: -18px; } .nav-toggle { float: right; position: relative; margin-top: -30px; } .navbar-all li { display: block; margin: 0px 5px; background: #fff; width: 100%; } #searchform{ top: 80px; width: calc(100% + 10px); left: -10px; } .navbar-form .input-group { margin: 0 auto; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; } .navbar-default .navbar-collapse{ border: none; background: #fff; width: 100%; position: absolute; margin-top: 30px; margin-left: -15px; } .nav > li { margin-left: 30px; padding: 7px 0px; } .nav-toggle a{ display: block; } .nav-toggle .fa.fa-search { top: -12px; padding: 0px 20px; } .top-carousel { overflow: hidden; } .top-carousel { height: auto; } .top-carousel .owl-controls { margin-top: -30%; } .btn { padding: 12px 18px; } .top-carousel .caption{ bottom: 35%; } .top-carousel .caption h2 { font-size: 20px; } .top-carousel .caption h3 { font-size: 25px; } .top-carousel .get-started { bottom: 41%; } .top-tab { margin: 0px; } .nav-tabs.nav-justified > li { float: left; margin:0px 6px; } .about-top.clearfix { margin: 30px 90px; } .about-image { margin-left: 0px; } .about-desc { text-align: left; margin-top: 35px; } .our-status #counter{ display: block; margin-top: 10px; margin-bottom: 20px; } .feature-block { margin: 0px 20px; } .testimonial .review { padding: 10px 0px; } .portfilio-wrap { margin: 0px 30px 0px 30px; } .portfilio-wrap img { width: 100%; } .price-wrapper1, .price-wrapper2, .price-wrapper3{ margin: 0px 40px; } .mask { border: 275px solid #000; } .price-wrapper2{ margin: 20px 40px; } .blog-wrapper { margin-bottom: 30px; } .wrapper.clients{ padding-top: 0px } .blog-image{ height: auto; } .contact-info { margin-top: 40px; } .commentlist .comment-metadata { top: -15px; float: left; margin-left: 70px; } } @media (max-width: 639px) { .navbar-default .navbar-collapse{ margin-left: -15px; } .navbar-top{ min-height: auto; margin-top: 20px; } #searchform { left: 0px; } .top-carousel .caption { bottom: 29%; } .top-carousel .get-started { bottom: 48%; } .navbar-form .input-group { width: 485px; } .about-top.clearfix { margin: 30px; } .top-tab { margin: 0 auto; } .nav-tabs.nav-justified > li { margin: 0px ; } .top-carousel .owl-controls { margin-top: -37%; } .about-top .fa { font-size: 40px; } .our-status .count{ display: block; margin-top: 10px; } .block p{ padding-bottom: 20px; } .portfilio-filter li { display: inline-block; margin-bottom: 40px; } .portfilio-filter { padding: 2% 0px 0% 0px; margin-bottom: 0px; } .testimonial .description .review::before { font-size: 25px; } .testimonial .description .review::after{ font-size: 25px; left: 25%; } .copyright { float: none; } .theme-info { float: none; margin-top: 15px; } } @media (min-width: 451px) and (max-width: 500px) { .top-carousel .owl-controls { margin-top: -30%; margin-right: -25px; } .navbar-form .input-group { width: 420px; } .navbar-top{ min-height: auto; } ol.children { margin-left: 0px; } .commentlist .comment-content { padding: 0px; margin-top: 40px; } } /* Landscape phones and down */ @media (max-width: 450px) { .logo { width: 80%; } .navbar-top{ min-height: auto; } .navbar-form .input-group { width: 360px; } .section-heading h3{ font-size: 25px; } .about-desc > h3 { font-size: 20px; } .top-carousel .caption h2 { font-size: 20px; } .top-carousel .caption h3 { font-size: 25px; } .btn { padding: 10px 12px; font-size: 12px; } .btn.started.blue { margin-left: 0px; } .top-carousel .owl-controls { margin-top: -30%; margin-right: -25px; } .about-image { display: none; } .about-top .fa { display: none; } .our-status.services p { margin-bottom: 0px; padding-bottom: 0px; } .our-status .col-xs-4 { width: 100%; } .our-status #counter { display: inline-block; } .testimonial .description { width: 95%; margin: auto; padding: 55px 30px; } .price-wrapper1, .price-wrapper2, .price-wrapper3 { margin: 0px; padding: 40px 20px; } .price-wrapper2{ margin:40px 0px; } .list-wrapper .col-xs-10{ padding-left: 30px; } .about-top .nav-tabs.nav-justified > li > a, .about-top .nav-tabs.nav-justified > li > a:hover, .about-top .nav-tabs.nav-justified > li > a:focus { border-bottom: 2px solid transparent; padding: 10px; } .about-desc { margin-left: -20px; margin-right: -20px; margin-top: -40px; } .about .our-status .fa, .contact-info .fa{ display: none; } .wrapper.contact .contact-info .fa{ display: block; } .our-status.services p{ width: 100%; } .about-desc .list-wrapper .col-xs-10 { width: 100%; } .our-status.clearfix .fa{ display: block; left: 0; right: 0; margin: 0 auto; } .our-status p{ margin-bottom: 40px; } .testimonial .description .review::after { left: 48%; } #team { margin-bottom: 80px; } .btn.started.price-btn{ margin: 0 auto; margin-top: 15px; } ol.children { margin-left: 0px; } .commentlist .comment-content { padding: 0px; } } @media (max-width: 380px) { .navbar-top{ min-height: auto; } .navbar.navbar-default.shrink .logo { margin-top: 5px; } .navbar-form .input-group { width: 285px; } .nav-toggle .fa.fa-search { top: -8px; padding: 0px; } .navbar-toggle{ left: 20px; } button.navbar-toggle.collapsed { position: relative; left: 20px; } .top-carousel .btn { padding: 9px 6px; font-size: 10px; } .top-carousel .caption h3 { margin: 0 auto; } .top-tab { margin: 0px -20px; } .about-top .nav-tabs.nav-justified > li > a, .about-top .nav-tabs.nav-justified > li > a:hover, .about-top .nav-tabs.nav-justified > li > a:focus { padding: 7px; font-size: 15px; } .about-desc .btn.read-more { display: block; } .our-status.services p { margin-bottom: 0px; padding-bottom: 0px; } .feature-title { font-size: 20px; padding-bottom: 5px; } .feature-title { line-height: 33px; } .testimonial .description .review::after { font-size: 25px; left: 47%; } .testimonial .description .review::before { font-size: 25px; left: -20px; } .wrapper.contact .list-wrapper .col-xs-10{ padding-left: 40px; } .theme-info a { margin-left: 0px; margin-top: 5px; } }