Current File : /home/quantums/gsc-ltd.net/wp-content/themes/twentyseventeen-child/css/responsive.css |
@media (max-width: 1199px) {
.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:75px}
}
@media (max-width: 991px) {
h2 { font-size: 30px; line-height: 35px; margin:0 0 10px 0;}
h3 { font-size: 26px; line-height: 31px;}
.navbar-brand > img { width: 110px;}
.navbar-nav li a {padding:25px 9px;}
.testFooter { background-size: cover; }
/*timeline*/
.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
.top-banner {
background-size: cover;
}
}
@media (max-width: 767px) {
.gameServicesList .row.padding p{
font-size: 12px;
}
.game1 .row.padding {
padding: 25px 15px;
}
.gameServicesTitle {
font-size: 38px;
}
.headingOther h2 { font-size: 26px; line-height: 31px;}
.headingOther p { font-size: 16px; line-height: 21px;}
h2 { font-size: 28px; line-height: 35px; margin:0 0 10px 0;}
h3 { font-size: 24px; line-height: 29px;}
header { min-height: auto; }
.navbar-brand { margin: 0; }
.navbar-default .navbar-nav > .active > a::before { position: unset;}
.navbar-default .navbar-nav > .active > a::after { position: unset;}
.navbar-nav { background:#005bbc; margin: 0; width: 100%;}
.navbar-toggle {background-color: #005bbc;margin-top: 15px; margin-right: 10px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #074f9c;}
.navbar-default .navbar-toggle { border-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-nav > li { border-bottom: 1px solid rgba(255,255,255, 0.4); width: 100%;}
.navbar-default .navbar-nav > li > a { border-radius: 0; color: #FFF; font-size: 15px; padding: 10px 15px; text-align: right; width: 100%; }
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li.active a {
color: #FFF; background:#ccc; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:#074f9c; color: #FFF;}
.top-banner {background-size:cover;}
/*timeline*/
.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px; background: transparent;}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
.copyInner { padding: 10px 0 0;}
.copyInner p { text-align: center; }
.copyRight ul { float: none; text-align: center; margin: 0 0 0; }
.copyRight ul li { display: inline-block; }
.copyRight ul li a {color: #000; }
.copyRight ul li a:hover {color: #222; }
.newsletterRight { padding: 0; }
.newsletterRight .tnp-submit { padding: 5px 12px; }
.AboutTop { padding: 30px 0 !important; }
.PlanFuture { padding: 30px 0 !important; }
.VisionRow { padding: 30px 0 !important; }
/* .vc_parallax .vc_parallax-inner { background: #f7f7f7 !important; } */
}
@media (max-width: 480px) {
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
.portfolioRES { width: 100%;}
.testimonial #quote-carousel .carousel-indicators .active { width: 40px; height: 40px;}
.testimonial #quote-carousel .carousel-indicators li {
width: 40px;
height: 40px; margin: 3px;
}
}