<<<< Edit File >>>>

File Name : E:\Inetpub\vhosts\sunriseits.com\lakshinternationalschool.com\css\style.css
.cradrs{ text-align: center; position: absolute; left: 50%; bottom: -10px; margin-left:-30px; } .cradrs a{ background: #b93a3e; color: #fff; width: 25px; float: left; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .class-group-photo .gallery1 h3{ bottom: 0; position: absolute; left: 0; right: 0; margin: 0; background: #3f4196; color: #fff; font-size: 16px; padding: 6px; } body{ font-family: 'Lato', sans-serif !important; margin:0; padding:0; background:#fff; } body a{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } h1,h2,h3,h4,h5,h6{ margin:0; } p{ margin:0; } ul{ margin:0; padding:0; } .fix-image-footer{ position: fixed; bottom: 0; right: 0; z-index: 1; height: 130px; top: 50%; margin-top: -80px; } /*pop up*/ .popUpDiv{ background: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; position: fixed; left: 0px; right: 0px; top: 0px; z-index: 1000; } .imgDiv{ position: relative; background: #fff; box-shadow: 2px 5px 9px rgba(0, 0, 0, .59); border-radius: 7px; width: 680px; margin: auto; top: 40px; padding: 10px; } .imgDiv img{ width:100%; } .popUpClose { position: absolute; top: -12px; right: -13px; background: #fff; border-radius: 50%; width: 30px; display: flex; height: 30px; align-items: center; justify-content: center; font-size: 22px; color: #b93a3e; cursor: pointer; } /*pop up*/ .about .text-center img, .welcome-head .text-center img, .services1 .text-center img, .tittle .text-center img, .contact-form .text-center img, .team .text-center img, .profile .text-center img{height:60px;} .closebtnmodel{ position: absolute; background: #fff !important; right: -14px; font-size:24px; border: 1px solid #fff !important; top: -6px; opacity: 1; border-radius: 50%; width: 30px; height: 30px; } .about img, .welcome-head img, .services1 img, .tittle img, .contact-form img, .team img{margin:auto;} .padding0{padding:0;} .common-heading{ text-align: center; font-size: 25px; font-family: 'Righteous', cursive; color: #b93a3e; margin: 0 0 20px 0; } /*----------------------------------*/ .btn1 { position: fixed; top: 320px; z-index: 999; right: 0; padding: 0; } /*-----------------------------------*/ .btn:hover, .btn:focus, .btn.focus{color:#fff;} .btn-year .dropdown-menu{background:#b93a3e;} .btn-year{background:#b93a3e;color:#fff;border-radius:4px;padding: 5px 20px;} .btn-year:hover{color:#fff;} .btn-year i{padding-left: 5px;} .ul1{ padding: 0; margin: 0; list-style: none;} .ul1 > li { padding:0px 0px 10px 0px; margin: 0px 0px 10px 0px;} .ul1 > li .txt1{ display: block; float: left; width: 60px; height: 60px; background: url("../images/hb.png") no-repeat; text-align: center; line-height: 60px; font-family: 'Titan One'; font-size: 26px; font-weight: 400; color: green; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;background-position: center;margin-top:0px} .ul1 > li .txt2{ display: block; float: none; margin-left: 85px;font-size:15px;padding-top: 10px;} hr.divider12 { background: url(../images/divider1.png) no-repeat top center; height: 42px; border: none !important; margin: 0px; } .carousel-inner > .item > img { width: 100%; } .logo-img{ position: absolute; top:40px; right:0; bottom:0; left:0; margin: auto; width:180px; height:180px; animation: rotation 5s infinite linear; } @keyframes rotation { 0%{ transform:rotatey(90deg); } 50%{transform: rotatey(0deg);} 80%{transform: rotatey(0deg);} 100%{transform: rotatey(90deg);} } /*-----------footer---------------*/ /* ========================================================================== 13.0 Widget Section ========================================================================== */ .widget-section{ background-color: #111; background-image: url(../images/map.png); background-position: right 150px center; background-repeat: no-repeat; width: 100%; height:auto; } .causes-content .read-more { color: #999; } .widget-content{} .widget-content img{ margin-bottom: 15px; } .widget-content p{ color: #999; } .widget-content h3{ color: #ddd !important; font-size: 20px !important; margin-bottom: 15px !important; text-align:left !important; margin-top:10px; } .widget-content .social-icon li{ display: inline-block; margin-right: 15px; } .widget-content .social-icon li a{ display: inline-block; color: #00A54F; } .widget-content .social-icon li a:hover{ color: #fff; } .widget-content .widget-link li a{ color: #777; margin-bottom: 16px; display: block; } .widget-content .widget-link li a:hover{ color: #3f4196; text-decoration: underline; } .logo-set{padding:0px;border-radius:50%;width:100px;height:100px; float: left;} .breadcrumb-banner-area { background: url(../images/banner-4.jpg) no-repeat scroll 0 0; color: #ffffff; height:240px; position: relative; background-size: cover; } .breadcrumb-banner-area1 { background: url(../images/banner-new.jpg) no-repeat scroll 0 0; color: #ffffff; height:240px; position: relative; background-size: cover; } .breadcrumb-text { z-index: 2; position: relative; } .breadcrumb-text h1:after { background: #ffffff none repeat scroll 0 0; bottom: 0; content: ""; height: 29px; left: 0; margin: auto; position: absolute; right: 0; width: 2px; } .breadcrumb-bar a { color: #ffffff; } .breadcrumb-bar .breadcrumb { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; line-height: 12px; margin-bottom: 0; padding: 15px 0 0; } .breadcrumb-text h1 { line-height: 25px; padding-bottom: 51px; text-transform: uppercase; position: relative; font-size: 36px; } .breadcrumb{background:transparent;} .breadcrumb-banner-area:after { background: rgba(45, 62, 80, 0.6) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .p-0{padding:0} .widget-content ul{ list-style:none } .widget-content li{ display: list-item; text-align: -webkit-match-parent; } .widget-content .address li span{ color:#d2c6c6 } .widget-content .address li{ margin-bottom: 16px; display: block; font-family: "Roboto Slab", sans-serif; color: #777; display: list-item; text-align: -webkit-match-parent; } .widget-content .address li i{ color: #3f4196; margin-right: 10px; } .padding { padding: 40px 0; } /*--------------------------services-----------------*/ .padbottom{margin-bottom:50px} .demo{ padding-bottom: 40px; } .serviceBox22{ font-family: 'Roboto', sans-serif; color: rgba(0,0,0,0.5); margin: 0 15px; position: relative; } .serviceBox22:after{ content: ''; height: 12px; width: 12px; background-color: #fff; border: 2px solid #3f4196; border-radius: 50%; position: absolute; left: -4px; bottom: -2px; } .serviceBox22 .service-content{ padding: 0 20px 15px; border-left: 2px solid #d3d3d3; } .serviceBox22 .title{ color: #3f4196; font-size: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px; } .serviceBox22 .description{ font-size: 15px; text-align: justify; line-height: 28px; margin: 0; } .new-point{font-size:15px} .serviceBox22.pink:after{ border-color: #FF7BD1; } .serviceBox22.pink .service-icon{ color: #FF7BD1; } .serviceBox22.pink .service-icon:before{ background-color: #FF7BD1; } .serviceBox22.pink .title{ color: #FF7BD1; } .serviceBox22.purple:after{ border-color: #B65EE8; } .serviceBox22.purple .service-icon{ color: #B65EE8; } .serviceBox22.purple .service-icon:before{ background-color: #B65EE8; } .serviceBox22.purple .title{ color: #B65EE8; } .serviceBox22.blue:after{ border-color: #6986FE; } .serviceBox22.blue .service-icon{ color: #6986FE; } .serviceBox22.blue .service-icon:before{ background-color: #6986FE; } .serviceBox22.blue .title{ color: #6986FE; } @media only screen and (max-width:1200px){ .serviceBox22{ margin: 0; } } @media only screen and (max-width:990px){ .serviceBox22{ margin: 0 0 40px; } } /*-- Effect 11 --*/ .cl-effect-11 a { font-family: 'Righteous', cursive; margin: 0 14px; text-decoration: none; color:#fff; text-shadow: none; } .cl-effect-11 a::before { position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; color:#b93a3e; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; } .cl-effect-11 a:hover::before, .cl-effect-11 a:focus::before { max-width: 100%; } nav a { font-family: 'Righteous', cursive; position: relative; display: inline-block; margin: 0 0px; outline: none; color: #03BEF0; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 1px rgba(255,255,255,0.3); } nav a:hover, nav a:focus { outline: none; } /*-- //Effect 11 --*/ .img1{width:100%; height:200px;} .hed1{font-family: 'Titan One'; font-weight: 800; font-size: 55px; color: #beaf3e; } .par1{ font-size: 15px; line-height: 30px; font-family:"Open Sans", Arial, Helvetica, sans-serif; color: #5e4d38; padding-top:73px } .img2{width:100%; height:auto; border:10px solid #beaf3e; border-radius:30px} .padt{padding-top:50px; padding-bottom:100px} .par2{ font-size: 15px; line-height: 30px; font-family:"Open Sans", Arial, Helvetica, sans-serif; color: #5e4d38; } .back{background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(images/px1.html); width:100%; height:auto;} /*--------------------------gallery--------------------*/ .dropdown:hover .dropdown-content{display:block} .hed1{font-family: 'Titan One'; font-weight: 800; font-size: 55px; color: #beaf3e; } .par1{ font-size: 15px; line-height: 30px; font-family:"Open Sans", Arial, Helvetica, sans-serif; color: #5e4d38; padding-top:73px } .founder{width:100%; height:auto;} .img2{width:100%; height:auto; border:10px solid #beaf3e; border-radius:30px;background:#beaf3e} .padt{padding-top:50px; padding-bottom:100px} .par2{ font-size: 15px; line-height: 30px; font-family:"Open Sans", Arial, Helvetica, sans-serif; color: #5e4d38; } .back{background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(images/px1.html); width:100%; height:auto;} /*-----------------*/ .hed1{font-family: 'Titan One'; font-weight: 800; font-size: 40px; color: #beaf3e; margin-bottom:15px; } .uniform{} .par1{ font-size: 15px; line-height: 30px; font-family:"Open Sans", Arial, Helvetica, sans-serif; color: #5e4d38; padding-top:0px } .but1{display: inline-block; line-height: 20px; text-decoration: none; margin-top: 10px; margin-bottom: 10px; font-size: 13px; font-family: 'Finger Paint'; font-weight: 400; color: #fcf4db; white-space: nowrap; letter-spaci-ng: 0px; background: #3f4196; padding: 11px 35px; border-radius:50px; border:1px solid #3f4196; font-size: 15px; } .founder{width:100%; height:auto;} .img2{ width: 100%; height: auto; border: 5px solid #b93a3e; border-radius: 7px; background: #3f4196; } .bg-ic4{background:url(../images/ic4.png);background-repeat: no-repeat; background-position: 52%; border-radius: 50%; width: 150px; height: 150px; position:absolute; left:25%;opacity: 0.3;} .pad15 li{margin-bottom: 42px;} .ul1.pad15 > li .txt2{ padding-top: 15px;} .padt{padding-top:50px; padding-bottom:100px} .par2{ font-size: 15px; line-height: 30px; font-family:"Open Sans", Arial, Helvetica, sans-serif; color: #5e4d38; } .back{background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(images/px1.html); width:100%; height:auto;} .m-top20{margin-top:20px} #contact_body input{float: right; width: 80%; height: 30px;} #contact_body textarea{float: right; width: 80%; height: 100px;} .mandartry-flied{color: #b93a3e; font-size: 15px; margin-bottom: 15px;} .admission-form label{width:100%;} .admission-form input{width:100%;} /*-- Slider Part starts Here --*/ #slider3,#slider4 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; } .rslides_tabs { list-style: none; padding: 0; background: rgba(0,0,0,.25); box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; text-align: center; width: 100%; } .rslides_tabs li { display: inline; margin-right: 1px; } .rslides_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; } .events { list-style: none; } .callbacks_container { position: relative; float: left; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; left: 0; top: 0; } .callbacks img { position: relative; z-index: 1; height: auto; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; padding: 10px 20px; margin: 0; max-width: none; top: 10%; text-align: center; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 61%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 62px; width: 45px; margin-top: -65px; } .callbacks_nav:active { opacity: 1.0; } a.callbacks_nav.callbacks1_nav.prev { background: transparent url("../images/themes.png") no-repeat 0px 0px; left: -3.1%; } .callbacks_nav.next { background: transparent url("../images/themes.png") no-repeat -46px 0px; left: 87%; } #slider3-pager a,#slider4-pager a { display: inline-block; } #slider3-pager span,#slider4-pager span{ } #slider3-pager span,#slider4-pager span{ width:100px; height:15px; background:#fff; display:inline-block; border-radius:30em; opacity:0.6; } #slider3-pager .rslides_here a ,#slider4-pager .rslides_here a { background: #FFF; border-radius:30em; opacity:1; } #slider3-pager a ,#slider4-pager a { padding: 0; } #slider3-pager li, #slider4-pager li{ display:inline-block; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li{ position: relative; display: block; } .callbacks_tabs{ list-style: none; position: absolute; top: 48%; z-index: 999; right: 8%; padding: 0; margin: 0; } ul.callbacks_tabs.callbacks2_tabs { top: 73%; left:46%; } .slider-top{ text-align: center; padding:10em 0; } .slider-top h1{ font-weight:700; font-size:48px; color:#010101; } .slider-top p{ font-weight:400; font-size:20px; padding:1em 7em; color:#010101; } .slider-top ul.social-slide{ display:inline-flex; margin: 0px; padding: 0px; } ul.social-slide li i{ width:70px; height:74px; background:url(../images/img-resources.png)no-repeat; display: inline-block; margin:0px 15px; } ul.social-slide li i.win{ background-position:-6px 0px; } ul.social-slide li i.android{ background-position:-110px 0px; } ul.social-slide li i.mac{ background-position:-215px 0px; } .callbacks_tabs li{ display: block; } @media screen and (max-width: 600px) { .callbacks_nav { top: 47%; } } .callbacks_tabs a{ visibility: hidden; } .callbacks_tabs a:after { content: "\f111"; font-size:0; font-family: FontAwesome; visibility: visible; display: block; height:14px; width:14px; display:inline-block; background: #000; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; } .callbacks_here a:after{ background: #03BEF0; } a.callbacks_nav.callbacks2_nav.prev { background: transparent url("../images/2.html") no-repeat left top; width:38px; height:72px; } a.callbacks_nav.callbacks2_nav.next{ background: transparent url("../images/2.html") no-repeat -40px 0px; width: 38px; height: 72px; } a.callbacks_nav.callbacks2_nav.prev { left: -9% !important; top:72%; } a.callbacks_nav.callbacks2_nav.next { right: 0% !important; top: 72%; } /*-- Slider part Ends Here --*/ .header{ border-bottom:1px solid #000000; } .header-right { width: 85%; float: right; padding: 29px 0; } .header-left { width: 15%; float: left; background: #9cd8d8; padding: 0px; } .header-right { // padding-left: 32px; background: #9cd8d8; } .header-left a { font-family: 'Righteous', cursive; text-align: right; display: block; text-decoration: none; font-size: 26px; color: #fff; font-weight: 600; } .header-right ul{ padding:0; margin:0; } .header-right ul li{ display:inline-block; } /*-- menu --*/ span.menu{ display:none; } /*-- //menu --*/ .banner{ background-size:cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; min-height: 700px; } .carousel-inner item{height:530px;} .carousel-control{top:50%;width:1px;} .carousel-control.left{left: 50px; width: 50px; height: 50px; background: #b93a3e; display: flex; align-items: center; opacity: 1; justify-content: center; border-radius: 50%;} .carousel-control.right{right: 50px; width: 50px; height: 50px; background: #b93a3e; display: flex; align-items: center; opacity: 1; justify-content: center; border-radius: 50%;} .text-left{} .header-left a img { width: 9%; margin-right: 10px; } .header-left a span{ color:#FCD59B; } .banner-info h3{ text-align:center; font-size:18px; color:#fff; } .banner-info h3 span{ margin: 0 15px; color:#FCD59B; } .banner-info { margin-top: 260px; } .banner-info h4{ font-family: 'Righteous', cursive; font-size: 56px; color: #b93a3e; text-align: center; margin: 30px 0; } .banner-info h4 span{ color:#fff; } .welcome-head span{background:#000;color:#fff;margin-right:5px; padding: 3px 10px; border-radius: 50%;} .banner-info p{ background: #b93a3e; color: #fff; text-align: center; margin: 0 auto; width: 29%; padding: 6px 0; text-transform: uppercase; font-weight: bold; font-size: 18px; } /*----services----*/ .serviceBox{ color: #000; background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../images/bday.jpg); background-position: center; background-size: cover; font-family: 'Montserrat', sans-serif; text-align: center; padding: 20px 15px; margin: 20px 0 0; border-radius: 20px 0 20px 0; position: relative; z-index: 1; width: 100%; float:left; margin-bottom:30px; margin-left:0px; transition: all ease .3s; min-height: 360px; float:left; } .serviceBox img{width:120px;border: 2px solid #fff;max-height: 128px;} .serviceBox:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5); } .serviceBox:before{ content: ''; background: linear-gradient(45deg,#a87508 49%,transparent 50%); height: 15px; width: 15px; position: absolute; left: 115px; top: -15px; } .serviceBox .service-count{ color: #fff; background: linear-gradient(135deg,#FDBB26 25%,#ffcd44 26%,#ffcd44 40%,#FDBB26 41%,#FDBB26 47%,#ffcd44 48%, #ffcd44 60%, #FDBB26 61%); font-size: 29px; text-align: center; line-height: 31px; width: 100px; height: 140px; margin: -35px 0 0 0; display: block; -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%); padding-top:25px } .serviceBox .service-icon{ color:#909090; font-size: 60px; position: absolute; right: 20px; top: 20px; transition: all 0.3s ease 0s; } .serviceBox .service-icon i{color: #ffd02a} .serviceBox:hover .service-icon{ transform: rotateY(360deg); } .serviceBox .service-content{ padding: 20px 0 0; } .serviceBox .title{ color: #505050; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px; padding-top:12px; } .serviceBox .description{ color: rgba(0,0,0,0.5); font-size: 13px; line-height: 25px; margin-bottom: 10px; } .serviceBox .read-more{ color:#202020; font-weight: 500; text-transform: uppercase; text-align: center; display: inline-block; position: relative; transition: all ease .3s; } .serviceBox .read-more:hover{ color: #fff; text-shadow: 0 0 5px #000; text-decoration: none; } .serviceBox.purple:before{ background: linear-gradient(45deg,#503893 49%,transparent 50%); } .serviceBox.purple .service-count{ background: linear-gradient(135deg,#916AF9 25%,#AF7DFF 26%, #AF7DFF 40%,#916AF9 41%, #916AF9 47%, #AF7DFF 48%, #AF7DFF 60%, #916AF9 61%); } .serviceBox.orange:before{ background: linear-gradient(45deg,#c16226 49%,transparent 50%); } .serviceBox.orange .service-count{ background: linear-gradient(135deg,#FD893E 25%,#ff9d60 26%, #ff9d60 40%,#FD893E 41%, #FD893E 47%, #ff9d60 48%, #ff9d60 60%, #FD893E 61%); } .serviceBox.blue:before{ background: linear-gradient(45deg,#206bbc 49%,transparent 50%); } .serviceBox.blue .service-count{ background: linear-gradient(135deg,#2d91ff 25%,#59a9ff 26%, #59a9ff 40%,#2d91ff 41%, #2d91ff 47%, #59a9ff 48%, #59a9ff 60%, #2d91ff 61%); } @media only screen and (max-width:990px){ .serviceBox{ margin: 0 0 50px; margin:0px; margin-left:4px; min-height:280px;} } .demo{ background-color: #D3D7D8; } .main-timeline{ padding: 20px 20px; overflow: hidden; position: relative; background:#eee; height: 450px; border-radius:30px; } .main-timeline1{ font-family: 'Roboto', sans-serif; padding: 50px 30px; overflow: hidden; position: relative; background:#eee; height: 250px; border-radius:30px; } .marquee{height:300px} .main-timeline .timeline{ background-color: #fff; padding: 20px 70px 20px 20px; margin-bottom: 70px; border-radius: 0 100px 100px 0; position: relative; display: inline-block; z-index: 1; width:98%; margin:10px 10px 70px 10px; min-height:140px } .main-timeline .timeline:before{ content: ''; background-color: #fff; height: 150px; width: 150px; border-radius: 50%; transform: translateY(-50%); position: absolute; right: 0; top: 50%; } .main-timeline .timeline-content{ color: #000; text-align: center; width: 92%; min-height: 100px; padding: 10px 60px 10px 0px; border: 2px solid #FD8881; display: block; float: left; position: relative; } .main-timeline .timeline-content:hover{ text-decoration: none; } .main-timeline .timeline-icon{ color: #808080; background-color: #e7e7e7; font-size: 80px; text-align: center; line-height: 120px; height: 120px; width: 160px; border-radius: 10px; transform: translateY(-50%); position: absolute; left: 13px; top: 50%; } .main-timeline .title { color: #fff; text-transform: capitalize; font-size: 18px; font-weight: 600; margin: 0 0 5px; letter-spacing: 1px; } .main-timeline .description { color: #fff; font-size: 16px; letter-spacing: 0px; margin: 0; } .main-timeline .timeline-year{ color: #fff; background: linear-gradient(60deg,#FF9389,#FF4E68); font-size: 20px; font-weight: 600; text-align: center; text-shadow: 2px 2px 5px #000; line-height: 30px; padding:37px 10px; height: 130px; width: 130px; border-radius: 50%; overflow: hidden; transform: translateY(-50%); position: absolute; right: -95px; top: 53%; } .main-timeline .timeline-year:before, .main-timeline .timeline-year:after{ content: ''; height: 190px; width: 190px; background-color: #fff; border-radius: 50%; position: absolute; left: 85px; top: 135px; } .main-timeline .timeline-year:after{ border-radius: 0; transform: rotate(58deg); top: 144px; left: 116px; box-shadow: 0 0 8px #000; } .main-timeline .timeline:nth-child(even){ border-radius: 100px 0 0 100px; padding: 20px 20px 20px 70px; } .main-timeline .timeline:nth-child(even) .timeline-icon{ left: auto; right: 13px; } .main-timeline .timeline:nth-child(even) .timeline-content{ padding: 15px 15px 15px 60px; text-align: left; float: right; } .main-timeline .timeline:nth-child(even):before{ right: auto; left: 0; } .main-timeline .timeline:nth-child(even) .timeline-year{ right: auto; left: -95px; } .main-timeline .timeline:nth-child(4n+2) .timeline-content{ border-color: #FDCC4C; } .main-timeline .timeline:nth-child(4n+2) .timeline-year{ background: linear-gradient(60deg,#FDCC4C,#FFF68D); } .main-timeline .timeline:nth-child(4n+3) .timeline-content{ border-color: #ADEEC3; } .main-timeline .timeline:nth-child(4n+3) .timeline-year{ background: linear-gradient(60deg,#ADEEC3,#83C796); } .main-timeline .timeline:nth-child(4n+4) .timeline-content{ border-color: #7AB8DD; } .main-timeline .timeline:nth-child(4n+4) .timeline-year{ background: linear-gradient(60deg,#7AB8DD,#A9E3F7); } /*-- about --*/ .about{ background: #eeeeee; padding:50px 0; } .about h3,.welcome-head h3,.services1 h3,h3.tittle,.contact-form h3, .team h3, .profile h3{ text-align:center; font-size:32px; font-family: 'Righteous', cursive; color:#b93a3e; margin: 0 0 20px 0; } .about-grid-left h4{ font-size: 22px; color: #b93a3e; text-transform: capitalize; } .about-grid-left p{ color:#3f4196; font-size:16px; margin: 16px 0 0 0; line-height:1.8em; } .about-grid-left p span{ color:#757575; margin:16px 0 0; display:block; } .about-grid-right img { padding: 8px; border: 2px dotted #FCD59B; } .about-grid-left-grids{ margin:28px 0 0; } .about-grid-left-grid{ float:left; width:33.3333%; } /*-- //about --*/ /*-- services --*/ .services1{ padding:80px 0; background: url(../images/15.html) fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; min-height:578px; } .servc-grid-right h4{ font-size: 22px; color: #9cd8d8; text-transform: uppercase; line-height: 1.6em; } .servc-grid-left .glyphicon { color: #ff9c00; font-size: 63px; } .servc-grid-right p{ font-size:16px; color:#757575; margin: 8px 0 0 0; line-height:1.8em; } .servc-grid-left{ float:left; width:20%; } .servc-grid-right{ float:left; width:80%; } .servc-grid:nth-child(3), .servc-grid:nth-child(4) { margin-top: 40px; } /*-- //services --*/ /*-- welcome --*/ .welcome{ padding:50px 0; } .carousel-indicators li{border: 1px solid #b93a3e;} .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #b93a3e; } #myCarousel .carousel-indicators { bottom: 16px;} .carousel-indicators { bottom: -16px;} .welcome-head p{ font-size: 20px; color: #757575; text-align: left; font-weight: 300; margin-bottom:15px; line-height: 1.8em; } /*-- //welcome --*/ /*--//news---*/ a:hover,a:focus{ text-decoration: none; outline: none; } #accordion .panel{ border: none; border-radius: 3px; box-shadow: none; margin-bottom: 15px; } #accordion .panel-heading{ padding: 0; border: none; border-radius: 3px; } #accordion .panel-title a{ display: block; padding: 12px 15px; background: #fff; font-size: 18px; font-weight: bold; color: #b93a3e; border: 1px solid #ececec; box-shadow: 0 0 10px rgba(0,0,0,.05); position: relative; transition: all 0.5s ease 0s; } #accordion .panel-title a.collapsed{ box-shadow: none; color: #676767; } #accordion .panel-title a:before, #accordion .panel-title a.collapsed:before{ content: "\f068"; font-family: "FontAwesome"; width: 25px; height: 25px; line-height: 28px; font-size: 15px; font-weight: 900; color: #b93a3e; text-align: center; position: absolute; top: 8px; right: 15px; transition: all 0.3s ease 0s; } #accordion .panel-title a.collapsed:before{ color: #676767; content: "\f067"; font-family: "FontAwesome"; } #accordion .panel-title a:after{ content: ""; width: 1px; height: 100%; background: #ececec; position: absolute; top: 0; right: 55px; } #accordion .panel-body{ padding: 10px 15px 15px; border: none; font-size: 15px; color: #615f5f; line-height: 27px; } .hed1{ color:#0f80ba !important; font-size:50px; font-weight:300; line-height: 1.2em; padding-bottom: 30px!important; letter-spacing: -1px; } .hed2{ font-size: 26px; } .tab1{ color:#3f4196; font-weight:600; font-size: 20px; line-height: 1.4em; } .tab2{ background: #fffcad; color: #613a28; padding: 0 4px 1px; border-radius: 3px; font-size: 13px; line-height: 1.6em!important; margin-right:5px; } /*--gallery--*/ #gallery { padding: 80px 0; } .view { width: 100%; height: 200px; margin: 0px 0px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask,.view .content { width: 100%; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .view p { font-family: 'Raleway', sans-serif; font-style: italic; font-size: 13px; position: relative; color: #fff; padding: 18px 8px; text-align: center; } .view span{ cursor:pointer; display: inline-block; text-decoration: none; padding: 7px 14px; background: #333; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #333; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #333; font-size: 0.8em; } .view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .view-fifth img { width:100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth .mask { background-color: #9cd8d8; -webkit-transform: translateX(-400px); -moz-transform: translateX(-400px); -o-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth h2 { background: rgba(255, 255, 255, 0.5); font-family: 'Righteous', cursive; font-size:20px; color: #ff9c00; -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); } .view-fifth p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-fifth:hover .mask { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .view-fifth:hover img { -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); } .view-fifth:hover p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .gal-grid a{ text-decoration:none; } .gal-grid:nth-child(4),.gal-grid:nth-child(5),.gal-grid:nth-child(6){ margin:30px 0; } /*--//gallery--*/ /*--teachers--*/ .team{ padding:40px 0; background:#fff; } /* FIFTH EFFECTS */ .team .fifth-effect img { -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .team .fifth-effect .mask { cursor:pointer; opacity:1; visibility:visible; border:30px solid rgba(255, 156, 0, 0.44); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); -o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); -ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); } .team .fifth-effect:hover .mask { border:0px double rgba(0,0,0,0.7); opacity:0; visibility:hidden; } .team .fifth-effect:hover img { opacity:1; } /* CSS3 STYLE GENERIC */ .team .view { width:100%; height:100%; float: left; border:none; overflow: hidden; position: relative; text-align: center; cursor: default; } .team .view .mask,.team .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0px } .team .view img { width: 100%; display: block; position: relative; } .team .view a.info { background:url(../img/link.html) center no-repeat; display: inline-block; text-decoration: none; padding:0; text-indent:-9999px; width:20px; height:20px; } .team .view.fifth-effect { padding-left: 0; } /*gallery*/ .gallery1 { margin-bottom: 20px; } .ih-item3.square { position: relative; width: 366px; height: 216px; border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .ih-item3.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item3.square.effect6 { overflow: hidden; } .ih-item3square.effect6.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item3.square.effect6.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item3.square.effect6 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item3.square.effect6 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item3.square.effect6 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 70px 0 0 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item3.square.effect6 .info p { font-style: italic; font-size: 18px; position: relative; color: #fff; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear; } .ih-item3.square.effect6 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item3.square.effect6 a:hover .info { visibility: visible; opacity: 1; } .ih-item3.square.effect6.from_top_and_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item3.square.effect6.from_top_and_bottom .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item3.square.effect6.from_top_and_bottom a:hover .info h3, .ih-item3.square.effect6.from_top_and_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /*--//teachers--*/ /*--contact--*/ /*--contact-us--*/ .contact { padding: 80px 0; background:#eee; } .contact-main p { font-size: 14px; color: #555; line-height: 1.7em; margin: 1em auto; width: 85%; text-align:center; } .contact-top-one h4 { font-size: 18px; color: #3f4196; font-weight: 400; margin: 0; text-align: left; } .contact-top-one p{ color: #757575; font-size:14px; font-weight: 400; line-height: 1.6em; margin: 1em 0; text-align: left; } .contact-top-one span { display: block; } .contact-top-one p,.contact-top-one p a { color: #757575; font-size: 16px; margin: 1em 0px; line-height: 1.8em; text-align:left; font-weight: 400; } .contact-top-one p a { font-size:1em; } .contact-top-one p a:hover { color:#ff9c00; text-decoration: none; } label{float:left} .form-group{width:100%;float:left} .contact-bottom { padding: 4em 0; } .contact-top-left { float: left; width: 30%; padding-left: 1.4em; } .contact-top-right { float: right; width: 66%; } /*-- //contact --*/ /*-- copy --*/ .copy-right{ background:#000; padding:17px 0; } .copy-right p{ text-align:center; margin:0 0 0px 0; font-size:14px; color: #ffffff; } .copy-right p a{ text-decoration:none; color: #ff9c00; } .copy-right p a:hover{ color:#fff; } .img-width530{width:530px} .testimonial1{ background: #3f4196; padding: 15px; border: 1px solid #3f4196; border-radius: 25px; color: #fdf8e9;} /*-- copy --*/ /*-- to-top --*/ #toTop { display: none; text-decoration: none; position: fixed; bottom: 52px; right: 1%; overflow: hidden; z-index: 999; width: 32px; height: 32px; border: none; text-indent: 100%; background: url("../images/arr.png") no-repeat 0px 0px; } #toTopHover { width: 32px; height: 32px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } @media only screen and (min-width: 320px) and (max-width: 480px) and (orientation:portrait) { .header-left{width:20%} } @media screen and (max-width:1200px){ .main-timeline{ padding: 20px 0 0; } } @media screen and (max-width:990px){ .main-timeline{ padding: 20px 0 0 0; } .main-timeline .timeline:nth-child(even), .main-timeline .timeline{ border-radius: 0; padding: 20px; margin: 0 100px 60px 0; } .main-timeline .timeline:nth-child(even){ margin: 0 0 60px 100px; } .main-timeline .timeline:nth-child(even) .timeline-content, .main-timeline .timeline-content{ padding: 20px 120px 20px 190px; } .main-timeline .timeline:nth-child(even) .timeline-content{ padding: 20px 190px 20px 120px; } .main-timeline .timeline:before{ right: -100px; } .main-timeline .timeline-year{ right: -130px; } .main-timeline .timeline:nth-child(even):before{ left: -100px; } .main-timeline .timeline:nth-child(even) .timeline-year{ left: -130px; } } @media screen and (max-width:767px){ .padxz{padding:0px;} .ih-item3.square{width:100%;} .main-timeline{ padding: 20px 0 0;} #accordion .panel-title a{font-size:14px;padding:10px 5px;} .tab2{display:none} #accordion .panel-title a{font-size:11px} #accordion .panel-body p{font-size:13px} .main-timeline .description{font-size: 11px;} .about img, .welcome-head img, .services1 img, .tittle img, .contact-form img, .team img{margin:auto;} .serviceBox .service-icon i{display:none;} .main-timeline1{height:auto;} .main-timeline .timeline:nth-child(even) .timeline-year, .main-timeline .timeline-year{height:75px;width:75px;} .main-timeline .timeline:nth-child(even), .main-timeline .timeline{ border-radius: 0; padding: 15px; margin: 0 0 100px; } .about h3, .welcome-head h3, .services1 h3, h3.tittle, .contact-form h3, .team h3, .profile h3 { text-align: center; font-size: 24px;} .serviceBox .service-count { font-size: 20px; width: 60px; height: 80px; margin: 0; padding-top: 12px; margin-top: -25px; line-height:22px; } .team .col-md-6{margin-bottom:45px;} .main-timeline .title{font-size:13px;} .serviceBox22 .title{font-size:14px;} .carousel-control.left, .carousel-control.right{width:30px;height:30px;top: 75%;} .main-timeline .timeline:nth-child(even) .timeline-content, .main-timeline .timeline-content{ padding: 100px 30px 20px; text-align: center; width: 100%; } .main-timeline .timeline-icon{ display: none; } .main-timeline .timeline:nth-child(even):before, .main-timeline .timeline:before{ display: block; right: 50%; top: -70px; transform: translateY(0) translateX(50%); height: 150px; width: 150px; } .main-timeline .timeline:nth-child(even):before{ left: 50%; transform: translateY(0) translateX(-50%); } .main-timeline .timeline-year:before{ left: 30px; top: 100px; } .main-timeline .timeline-year:after{ left: 65px; top: 106px; transform: rotate(67deg); } .main-timeline .timeline:nth-child(even) .timeline-year{ left: 50%; transform: translateY(0) translateX(-50%); } } /*-- //to-top --*/ /*-- responsive media queries --*/ @media (max-width: 1920px){ .header-left a img { z-index: 99; position:relative; height:180px; width:180px; } .header-left{ z-index: 99; padding: 10px; position: absolute; background: transparent; border: 1px solid transparent; border-radius: 50%; width: 160px; height: 160px; margin: 8px 22px; top:-13px; } .header{background:#3f4196} .header-right{float:right;background:#3f4196} } @media (max-width: 1280px){ .header-left a img { width: 12%; } } @media (max-width: 1024px){ .header-left a { font-size: 23px; } .header-left { width: 25%; padding: 16px 14px 0px 0px; } .header-left, .header-right { height: 65px; } .header-right { width: 75%; padding: 22px 0 0 11px !important; } .banner-info { margin-top: 155px; } .banner-info h4 { font-size: 76px; margin: 27px 0; } .banner { min-height: 530px; } .welcome,.about,.services1,.team,#gallery,.contact { padding: 60px 0; } .about h3, .welcome-head h3, .services1 h3, h3.tittle, .contact-form h3 { font-size: 28px; margin: 0 0 32px 0; } .welcome-head p { font-size: 18px; } .about-grid-left p { font-size: 14px; } .about-grid-left p { margin: 10px 0 0 0; } .about-grid-left p span { margin: 10px 0 0; } .about-grid-left-grids { margin: 18px 0 0; } .servc-grid-right h4 { font-size: 18px; } .servc-grid-left .glyphicon { font-size: 48px; } .servc-grid-right p { font-size: 14px; } .services1 { min-height: 505px; } .team .fifth-effect .mask { border: 22px solid rgba(255, 156, 0, 0.44); } .contact-top-one p, .contact-top-one p a { font-size: 14px; } .view .mask, .view .content ,.view { height: 192px; } } @media (max-width: 767px){ .imgDiv{width:90%;} .ih-item3.square{height:100px;} .logo-img{width:100px;height:100px;padding:15px 0;} .header-left a img{height:auto;} span.menu { display: block; cursor: pointer; position: relative; text-align: right; width: 100%; margin: 0px 0 0px 0px; } .contact-top-right, .contact-top-left {width: 100% !important;} .padxz{padding:0} .tab1{font-size:12px} .ul1.pad15 > li .txt2 {padding-top: 0;} .testimonial1{margin:15px} .profile .col-md-3{display:none} .common-heading {font-size: 18px;margin: 20px 0 0px 0;} .dropdown-content li{background: #7f0508;} .dropdown-content{top: 100% !important;padding-top:0 !important ;} .breadcrumb-banner-area{padding: 20px 0;} .breadcrumb-text h1{font-size:20px} .dropdown-content div{margin-top:0px !important} .main-timeline .timeline-year{top: -15px;right: 95px;padding: 21px 10px;line-height:20px} .header-right ul.nav1 li:hover{background:#b93a3e} .main-timeline .timeline-year span{font-size:11px} .main-timeline .timeline:nth-child(even) .timeline-year {left: 37%;transform: translateY(0) translateX(0);top:-43px } /*.main-timeline{height: 487px;}*/ ul.nav1{ display:none; background:#ced7df; } .header-right ul.nav1 li { display: inline-block; text-align: center; margin: 0; width: 100%; padding: 0px 0; } .header-right ul { background:#3f4196; position: absolute; padding: 18px 0; margin: 0; top: 60px; left: 0%; width: 100%; z-index: 20; width: 100%; } .header-right ul li a { margin: 7px 0; } .header-left a { font-size: 20px; } .header-left a img { width: 70%; left: 0px; top: -7px; } .header-left, .header-right { height: 59px; } .header-right { width: 71%; } span.menu { width: 97%; } .header-right { padding: 14px 0 0 11px !important; } .banner-info { margin-top: 130px; } .banner-info h3 { font-size: 16px; } .banner-info h4 { font-size: 68px; margin: 30px 0; } .banner-info p { width: 35%; font-size: 16px; } .banner { min-height: 450px; } .welcome, .about, .services1, .team, #gallery, .contact { padding: 50px 0; } .welcome-head p { font-size: 16px; } .about-grid-right { float: left; width: 50%; } .about h3, .welcome-head h3, .services1 h3, h3.tittle, .contact-form h3 { font-size: 26px; margin: 0 0 25px 0; } .about-grid-left h4 { font-size: 19px; } .about-grid-left-grid img { width: 100%; } .about-grid-left-grids { margin: 44px 0 0 0; } .about-grid-left p span { margin: 18px 0 0; } .about-grid-left p { margin: 18px 0 0 0; } .servc-grid { float: left; width: 50%; } .servc-grid-left .glyphicon { font-size: 36px; } .servc-grid-right h4 { font-size: 16px; } .view-grid { float: left; width: 25%; } .team .fifth-effect .mask { border: 17px solid rgba(255, 156, 0, 0.44); } .gal-grid { float: left; width: 33.3%; } .view .mask, .view .content, .view { height: 143px; } .view-fifth h2 { font-size: 16px; } .view h2 { font-size: 17px; padding: 6px; margin: 13px 0 0 0; } .view p { padding: 8px 8px; } } @media (max-width: 640px){ .header-left { width: 35%; } .header-right { width: 65%; } .banner-info { margin-top: 90px; } .banner-info p { width: 39%; font-size: 14px; } .banner-info h4 { font-size: 66px; } .banner { min-height: 365px; } .welcome, .about, .services1, .team, #gallery, .contact { padding: 45px 0; } .welcome-head p { font-size: 14px; } .about h3, .welcome-head h3, .services1 h3, h3.tittle, .contact-form h3 { font-size: 24px; } .about-grid-left h4 { font-size: 16px; } .about-grid-left p { font-size: 13px; } .about-grid-left p { margin: 15px 0 0 0; } .about-grid-left p span { margin: 15px 0 0; } .about-grid-left-grids { margin: 30px 0 0 0; } .servc-grid-left { float: left; width: 18%; } .servc-grid-right h4 { font-size: 15px; } .servc-grid { padding: 0 10px; } .view-grid { padding: 0 10px; } .gal-grid { float: left; width: 50%; } .gal-grid:nth-child(3),.gal-grid:nth-child(4), .gal-grid:nth-child(5), .gal-grid:nth-child(6) ,.gal-grid:nth-child(7), .gal-grid:nth-child(8), .gal-grid:nth-child(9){ margin: 30px 0 0 0; } .contact-top-left { float: left; width: 37%; padding: 0 10px; } .contact-top-right { float: right; width: 63%; padding: 0 10px; } .contact-top-right form input[type="text"] { padding: 9px 13px; } .servc-grid-right p { font-size: 13px; } .contact-top-one p, .contact-top-one p a { font-size: 13px; } .view p { padding: 10px 8px; } .gal-grid { padding: 0 10px; } } @media (max-width: 480px){ .header-left { width: 20%; position: absolute; height: 74px; z-index:999; } .header-left a { font-size: 18px; } .header-right { width: 54%; } .banner-info { margin-top: 62px; } .banner-info h4 { font-size: 61px; } .banner-info h4 { margin: 26px 0; } .banner-info p { width: 50%; } .banner { min-height: 300px; } .about-grid-right { float: left; width: 100%; padding: 0; } .about-grid-left { float: left; width: 100%; margin-top: 30px; padding:0; } .about-grid-left h4 { font-size: 20px; } .servc-grid { float: left; width: 100%; padding: 0 !important; } .servc-grid:nth-child(3), .servc-grid:nth-child(4),.servc-grid:nth-child(2) { margin-top: 25px; } .view-grid { float: left; width: 50%; padding:0 10px; } .view-grid:nth-child(3),.view-grid:nth-child(4){ margin-top:20px; } .view .mask, .view .content, .view { height: 134px; } .view h2 { font-size: 15px; padding: 5px; margin: 10px 0 0 0; } .gal-grid:nth-child(3), .gal-grid:nth-child(4), .gal-grid:nth-child(5), .gal-grid:nth-child(6), .gal-grid:nth-child(7), .gal-grid:nth-child(8), .gal-grid:nth-child(9) { margin: 20px 0 0 0; } .contact-top-right form input[type="text"] { width: 100%; margin-right: 0; } .contact-top-left { float: left; width: 47%; padding: 0 10px; } .contact-top-right { width: 53%; } .contact-top-right form textarea { min-height: 9em; } .sub-button input[type="submit"] { padding: 6px 14px; } .view p { padding: 8px 8px; } } @media (max-width: 360px){ .header-right { width: 41%; } span.menu { width: 92%; } .banner-info h3 { font-size: 12px; } .banner-info h3 span { margin: 0 5px; } .banner-info { margin-top: 40px; } .banner-info h4 { font-size: 39px; } .banner-info h4 { margin: 23px 0; } .banner-info p { width: 80%; } .banner { min-height: 220px; } .view-grid { padding: 0 5px; } .view-grid:nth-child(3), .view-grid:nth-child(4) { margin-top: 10px; } .gal-grid { float: left; width: 100%; padding: 0 !important; } .gal-grid:nth-child(3),.gal-grid:nth-child(2), .gal-grid:nth-child(4), .gal-grid:nth-child(5), .gal-grid:nth-child(6), .gal-grid:nth-child(7), .gal-grid:nth-child(8), .gal-grid:nth-child(9) { margin: 20px 0 0 0; } .contact-top-right { width: 100%; padding: 0; margin-bottom: 25px; } .contact-top-left { float: left; width: 100%; padding: 0; } .copy-right p { line-height: 1.8em; font-size: 13px; } .copy-right { padding: 10px 0; } .header-right ul { padding: 2px 0; } .view p { padding: 8px 8px; } } @media only screen and (min-width:320px) and (max-width:767px){ .class-group-photo .gallery1 h3 { font-size: 10px; padding: 4px; } .fix-image-footer { height: 90px; margin-top: -45px; } .carousel-indicators{ display: none; } .notifiucationul { padding: 0px 15px;} .notifiucationul li { width:100%; height: 125px !important; } .notifiucationul li p br{display:none;} .main-timeline { height: 370px;} .ih-item3.square{right:10px;} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { .header-left a img { width: 84%; left: 4%; top: 11px; } .header-left { width: 10%; padding: 0px; position:absolute; height: 100px } .header-right{ width: 87%; } .cl-effect-11 a { margin: 0 6px; font-size:13px; } .main-timeline .timeline:nth-child(even), .main-timeline .timeline{width:80%;left:20px;} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) { .header-left a img { width: 84%; left: 4%; top: 11px; } .header-left { width: 10%; padding: 0px; position:absolute; height: 100px } .header-right{ width: 87%; } .cl-effect-11 a { margin: 0 3px; font-size:15px; } .serviceBox{width:46%;} } /*-- //responsive media queries --*/