*{padding:0;margin:0}body{color:#fff;/*font-family:'Open Sans', sans-serif;*/ font-family: 'calibri', sans-serif; font-weight:300;position:relative;background:#000;width:100%;height:100%;overflow:scroll;overflow-x:hidden} a{text-decoration:none;color:#fff;outline:0} .whatsapp_float { position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px transparent; z-index: 100; } .whatsapp_float:hover { position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px transparent; z-index: 100; } .whatsapp_float:active { position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px transparent; z-index: 100; } .whatsapp-icon { margin-top: 16px; } /* for mobile */ @media screen and (max-width: 767px){ .whatsapp-icon { margin-top: 10px; } .whatsapp_float { width: 40px; height: 40px; bottom: 20px; right: 10px; font-size: 22px; } } .wrapper{width:100%}.spHeight{padding-top:63px}.noMar{margin:0!important}.noPadd{padding:0!important}.container .row{margin:0}p{font-family: 'calibri', sans-serif; /*font-family:'Open Sans',sans-serif;*/font-size:16px;line-height:21px;font-weight:400;padding-bottom:22px;margin:0;font-weight:700}h1{ font-family: 'Amaranth', sans-serif; /*font-family:'Open Sans',sans-serif;*/font-size:80px;line-height:90px;font-weight:700;margin:0;padding-bottom:8px}h2{ font-family: 'Amaranth', sans-serif; /*font-family:'Open Sans',sans-serif;*/font-size:36px;line-height:38px;padding-bottom:0;font-weight:300;text-transform:uppercase;margin:0}h3{/*font-family:'Open Sans',sans-serif;*/ font-family: 'calibri', sans-serif; font-size:24px;line-height:30px;padding-bottom:6px;font-weight:400;margin:0}h4{/*font-family:'Open Sans',sans-serif;*/ font-family: 'calibri', sans-serif; font-size:19px;line-height:24px;padding-bottom:6px;font-weight:600;margin:0}h5{/*font-family:'Open Sans',sans-serif;*/ font-family: 'calibri', sans-serif; font-size:16px;line-height:24px;padding-bottom:6px;font-weight:400;margin:0}h4.subHeading{font-weight:600;font-size:18px;padding-bottom:22px}.heading{text-align:center;padding-bottom:5px}.topmar{margin-top:20px}header{position:relative}.banner{overflow:hidden;margin:0 auto!important;background:#cacaca}.bannerText{position:absolute;left:0;right:0;top:35%;text-align:center;padding:30px 0 30px;max-width:960px;border:1px solid #fff;background:rgba(0,0,0,.2);zoom:1}.bannerText h1{text-transform:uppercase}.bannerText h2{font-size:34px;text-transform:none}.cb-slideshow{background:#1b1f2b}.cb-slideshow li{opacity:.2}.ri-grid{margin:0 auto;position:relative;height:auto}.ri-grid ul{list-style:none;display:block;width:100%;margin:0;padding:0}.ri-grid ul:after,.ri-grid ul:before{content:'';display:table}.ri-grid ul:after{clear:both}.ri-grid ul{zoom:1}.ri-grid ul li{-webkit-perspective:400px;-moz-perspective:400px;-o-perspective:400px;-ms-perspective:400px;perspective:400px;margin:0;padding:0;float:left;position:relative;display:block;overflow:hidden;background:#000}.ri-grid ul li a{display:block;outline:0;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-color:#333;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.ri-grid-size-1{width:55%}.ri-grid-size-2{width:100%}.ri-grid-size-3{width:100%;margin-top:0}.ri-shadow:after,.ri-shadow:before{content:"";position:absolute;z-index:-2;bottom:15px;left:10px;width:50%;height:20%;max-width:300px;max-height:100px;box-shadow:0 15px 10px rgba(0,0,0,.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}.ri-shadow:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}.ri-grid-loading:after,.ri-grid-loading:before{display:none}.ri-loading-image{display:none}.ri-grid-loading .ri-loading-image{position:relative;width:30px;height:30px;left:50%;margin:100px 0 0 -15px;display:block}.isStuck{left:0;width:100%}.menu{margin-top:0;position:static;left:0;right:0}.navwrapper .container{padding:0;width:auto}.navbar-header{display:none}.nav>li>a{display:inline-block}.navbar-nav>li{float:none;display:inline}.navbar-nav{margin:0 auto;text-align:center;float:none}.navbar-toggle{margin-top:14px}.navbar-wrapper{margin-top:0;position:relative;z-index:15;background:#262b37}.navbar-wrapper .container{padding:0}.navbar-collapse{padding:0}.navbar-collapse.in{max-height:100%}.navbar.navbar-inverse.navbar-static-top{margin:0 auto;background:#262b37;color:#c3c8d6;border:none;/*font-family:'Open Sans',sans-serif;*/ font-family: 'calibri', sans-serif; font-size:14px;text-transform:uppercase}.navbar.navbar-inverse.navbar-static-top a{color:#c3c8d6;padding:22px 25px;line-height:18px;text-align:center}.navbar.navbar-inverse.navbar-static-top a:hover{color:#fff}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus{background:#1b1f29;color:#c3c8d6}.navbar-inverse .navbar-nav>.active>a:hover{background:#1b1f29;color:#fff}.hideClass{display:none}.carousel-caption{z-index:10}.carousel .item{height:600px;background-color:#0a64a4}.carousel-inner>.item>img{position:absolute;top:0;left:0;min-width:100%}.aboutme{background:#00bdbd;color:#fff;position:relative}.aboutme .container{padding-top:40px;padding-bottom:40px}.aboutTop{background:#00bdbd;height:60px}.spHeight .aboutTop{margin-top:-62px!important}.bntDownload{font-size:16px;/*font-family:'Open Sans',sans-serif;*/font-weight:700;background:#474d5d;padding:16px 22px;display:inline-block}.bntDownload:hover{background:#373d4c;color:#ccc;text-decoration:none}.addspace{height:60px;background:#eee}.technical{background:#eee;color:#474d5d}.technical .container{padding-top:40px;padding-bottom:39px}.technical .heading p{padding-bottom:41px}.technical p{color:#474d5d}.technical h2{color:#ff675f}.technical .skillsArea{padding:0}.technical .skills{margin:0 auto;margin-bottom:23px;text-align:center;padding:0;float:none}.technical .skills p{color:#84868d;font-size:16px;line-height:18px;text-align:center; font-weight:500;}.technical .skills img{margin:0 auto;margin-bottom:33px;width:100%;max-width:152px}.technical .skills h4{font-weight:700;text-transform:uppercase}.skilBg{background:url(../images/skills.png) no-repeat 0 0}.chart{position:relative;display:inline-block;width:152px;height:152px;margin-bottom:26px;text-align:center}.chart canvas{position:absolute;top:0;left:0}.percent{display:inline-block;font-size:21px;color:#474d5d;line-height:152px;z-index:2}.percent:after{content:'%';margin-left:.1em;font-size:.8em}.angular{margin-top:100px}.angular .chart{margin-top:0}.exprience{background:#fff}.exprience .container{padding-top:40px;padding-bottom:40px}.exprience h2{color:#ff675f}.exprience p{color:#84868d;line-height:18px}.exprience .heading p{padding-bottom:41px}.exprience h4{font-weight:700}.workDetails .rightArea{border-left:solid 1px #eaeaea;padding-bottom:47px}.workDetails:last-child .rightArea{padding-bottom:0}.workYear{font-size:17px;color:#fff;background:#ff675f;text-align:center;width:120px;height:120px;padding:40px 0 40px 0;-webkit-border-radius:50%;border-radius:50%}.arrowpart{float:left;width:15px;height:50px;background:url(../images/arrow-left.png) no-repeat 0 23px}.exCon{width:auto;background:#f3f3f3;border-bottom:solid 4px #eee;padding:22px 47px 6px 47px;margin-left:15px;text-align:left}.exCon p{color:#84868d;line-height:21px}.exCon h4{color:#474d5d;padding-bottom:3px}.exCon h5{color:#474d5d}.education{background:#eee}.education .container{padding-top:85px;padding-bottom:90px}.education h2{color:#ff675f}.education p{color:#84868d;line-height:18px}.education .heading p{padding-bottom:41px}.education h4{font-weight:700}.education .arrowpart{background:url(../images/arrow-left-light.png) no-repeat 0 23px}.education .exCon{background:#fafafa;border-bottom:solid 4px #e8e7e7}.education .workDetails .rightArea{border-left-color:#e5e4e4}.protfolio{background:#2bb3dd}.protfolio .container{padding-top:45px;padding-bottom:40px}.protfolio .heading p{padding-bottom:41px}.protfolio h4{font-weight:700}.portfolioFilter{display:block;margin:0 auto;text-align:center}.portfolioFilter ul{margin:0 auto;text-align:center;display:block;margin-bottom:30px}.portfolioFilter ul li{display:inline-block;margin:5px 5px}.portfolioFilter ul li a{padding:16px 18px;font-size:13px;line-height:15px;color:#fff;text-transform:uppercase;display:block;text-decoration:none;border:solid 1px #95d9ee;transition-duration:.2s;-webkit-transition-duration:.2s}.portfolioFilter ul li a:hover{border:solid 1px #15596e;color:#15596e;transition-duration:.2s;-webkit-transition-duration:.2s}.portfolioFilter ul li a.current{background:#15596e;border:solid 1px #15596e;color:#fff}ul.portfolioContainer{display:block;padding:0;list-style-type:none}ul.portfolioContainer li{display:block;min-height:205px;padding:0;margin:0;cursor:pointer}ul.portfolioContainer li .lightCon{display:block;margin:3px 3px 4px 4px;position:relative;overflow:hidden}ul.portfolioContainer li img{width:100%;height:auto;display:block}span.hoverBox{visibility:hidden;width:100%;height:100%;position:absolute;left:0;bottom:0;transition-duration:.2s;-webkit-transition-duration:.2s;background:rgba(0,0,0,.1)}ul.portfolioContainer li:hover span.hoverBox{visibility:visible;left:0;bottom:0;background:rgba(0,0,0,.8);transition-duration:.2s;-webkit-transition-duration:.2s}span.hoverBox a{line-height:42px}span.hoverBox .smallIcon{width:94px;margin:0 auto;position:absolute;top:50%;left:50%;margin-left:-47px;margin-top:-21px}span.hoverBox .zoom{visibility:hidden;width:42px;height:42px;background:black;border-radius:32px;color:#fff;position:relative;left:-150%;text-align:center;line-height:50px;display:block;float:left;transition-duration:.2s;-webkit-transition-duration:.2s}ul.portfolioContainer li:hover span.hoverBox .zoom{visibility:visible;left:0;transition-duration:.2s;-webkit-transition-duration:.2s}span.hoverBox .linKed{visibility:hidden;width:42px;height:42px;background:black;border-radius:32px;color:#fff;position:relative;right:-150%;text-align:center;line-height:52px;display:block;float:right;transition-duration:.2s;-webkit-transition-duration:.2s}ul.portfolioContainer li:hover span.hoverBox .linKed{visibility:visible;right:0;transition-duration:.2s;-webkit-transition-duration:.2s}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{padding:0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}.abc{position:absolute;width:782px;height:auto;top:20%;left:0;right:0;z-index:99999;margin:0 auto}.abc #pbImage{position:static!important}#pbCaption{display:block;background:0 0!important}#pbBottom{position:relative!important;left:26.1%!important;bottom:0!important;width:100%!important;margin-left:-26%!important;padding:0!important;height:80px!important;display:block;background-color:#181b22}#pbCloseBtn{position:absolute!important}.contact{background:#fff}.contact .container{padding-top:40px;padding-bottom:40px}.contact h2{color:#ff675f}.contact p{color:#84868d;line-height:18px}.contact .heading p{padding-bottom:41px}.contact h4{font-weight:700}.topCon{padding-bottom:0!important}.mapArea{background:url(../images/map-bro.png) repeat-x 0 0;padding-top:4px;height:400px;overflow:hidden;width:100%;margin:0}.mapArea iframe{width:100%;height:396px;padding-bottom:4px;background:url(../images/map-bro.png) repeat-x 0 100%}.contactDetails{background:#474d5d}.contactDetails .container{padding-top:85px;padding-bottom:90px}.contactDetails h4{font-weight:600;text-transform:uppercase;padding-bottom:15px}.contactDetails p{color:#93959c;font-size:16px;line-height:19px;padding-bottom:14px}.contactDetails p a{color:#93959c}.contactDetails p a:hover{color:#a9abb0;text-decoration:none}.contactDetails i{padding-right:15px}.conForm input{background:#585f73;color:#93959c;padding:15px 30px;border:none;margin-right:3%;margin-bottom:30px;outline:0;font-style:italic}.conForm input.noMarr{margin-right:0}.conForm textarea{background:#585f73;color:#93959c;padding:15px 30px;border:none;margin-bottom:40px;outline:0;height:100px;font-style:italic}.conForm .submitBnt{background:#ff675f;/*font-family:'Open Sans',sans-serif;*/ font-family: 'calibri', sans-serif; color:#fff;font-size:16px;font-weight:600;text-align:center;float:right;margin:0}.conForm .submitBnt:hover{background:#f5534b}.textGroup{position:relative!important;display:inline-block;padding-left:0!important}#success_page{color:#00bdbd;font-weight:500}.error_message{color:#ff675f;padding-bottom:15px;font-weight:500}#success_page h3{font-size:17px}.footer{background:black}.footer .container{padding:40px 0}.footer ul{margin:0 auto;text-align:center;list-style-type:none}.footer ul li{display:inline-block;text-align:center;background:#fff;color:#00bdbd;line-height:30px;margin:0 6px;width:30px;height:30px;-webkit-border-radius:50%;border-radius:50%}.footer ul li:hover{background:#0a9f9f}.footer ul li:hover a{color:#fff}.footer ul li a{color:#00bdbd;width:42px;height:42px}.footer ul li a i{line-height:30px!important}@media screen and (min-width:1200px){.workYear{width:140px;height:140px;padding-top:50px}.education .workYear{padding-top:58px}}@media screen and (max-width:991px){.navbar.navbar-inverse.navbar-static-top a{padding-left:18px;padding-right:18px}.bannerText{padding-left:25px;padding-right:25px}.bannerText h1{font-size:65px;line-height:71px}.bannerText h2{font-size:28px}.proPic{text-align:center}}@media screen and (max-width:810px){body{min-height:700px}#header h3{font-size:38px}#header h3 span{font-size:16px}.abc{width:100%}.navbar.navbar-inverse.navbar-static-top a{padding-left:17px}}@media screen and (min-width:768px){.conForm input.col-sm-6{width:48.5%}.conForm input.col-lg-6{width:48.5%}}@media screen and (max-width:768px){.navbar-wrapper .container,.navwrapper .container{padding-right:15px;padding-left:15px}ul.portfolioContainer li.col-xs-6{width:49%;min-height:85px}}@media screen and (max-width:767px){.navbar-header{display:block}.workYear{margin:0 auto}.workDetails .rightArea{border-left:none}.arrowpart{float:none;width:100%;height:40px;background:url(../images/arrow-top.png) no-repeat 50% 100%}.education .arrowpart{background:url(../images/arrow-top-light.png) no-repeat 50% 100%}.exCon{margin-left:0}ul.navbar-nav li a{display:block}}@media screen and (max-width:650px){#wrapper{top:200px!important}.upbox{transform:translate(0,-70px);-ms-transform:translate(0,-70px);-webkit-transform:translate(0,-70px)}.bannerText{top:25%;padding-top:15px;padding-bottom:15px}.bannerText h1{font-size:42px;line-height:48px}.bannerText h2{font-size:18px;line-height:24px}}@media screen and (max-width:480px){.navbar.navbar-inverse.navbar-static-top a{line-height:17px;padding-top:11px;padding-bottom:11px}}@media screen and (max-width:400px){#loopedSlider,#newsSlider{min-height:650px;height:100%}ul.slides{min-height:600px;height:100%}.item{width:19%}.item p{font-size:36px}.aboutme img{width:100%}ul.portfolioContainer li.col-xs-6{width:100%}.bntDownload{font-size:13px;padding:16px 14px}.conForm textarea{margin-bottom:20px}.textGroup{display:block;padding:0 0 40px 0}.emailError,.nameError{left:0;top:0}} .footer ul li i{ color:black;} @media(min-width:768px){ #name, #email, #telephone{ width:31.3333%; } } .contactDetails p{ color:white!important; } .contactDetails p a{ color:white!important; } .footer ul li{ margin: 0 4px!important; } .footer-logo{ margin-top: 2px; margin-bottom: 0px; margin-left: 0px!important; } .footer ul { text-align:left!important; } .footer-heading{ padding-top:18px; } .footer-quick{ display: flex!important; text-align: left!important; background: transparent!important; color: white!important; width: 163px!important; height: 24px!important; line-height: 19px!important; } .footer-quick a{ background: transparent!important; color: white!important; } .footer-contact{ line-height: 16px!important; padding-bottom: 10px!important; font-weight: 400!important; } .footer-quick-ul ul{ margin-left: 0px!important; } .footer2{ background:#e6e6e6!important; } .footer-row-2 p{ line-height: 16px; font-weight: 400!important; padding-top:10px; padding-bottom: 10px!important; text-align: center!important; } .book-call p{ font-weight:400!important; } .footer3{ padding-top:10px; background:white!important; } .footer-row-3 p{ color:black; font-weight:400; padding-bottom:05px!important; } .bottom-right{ float:right; } .google-rev{ color: #2a6496!important; } .footer-logo-1{ padding-top:11px; } .get-con li{ background: transparent!important; color: white!important; border: 1px solid white!important; } .footer ul li i{ color:white!important; } .conForm input { background: #ffffff!important; color: #000000!important;} .conForm textarea{ background: #ffffff!important; color: #000000!important; } .contactDetails p { color: #ffffff!important;} .contactDetails p a{ color: #ffffff!important;} @media(min-width:768px){ #name, #email, #telephone{ width:31.3333%; } } .conForm .submitBnt{ background: #ff675f!important; color: #fff!important; } .footer .container { padding-left:20px!important;} .heading h2{ font-family: 'Amaranth', sans-serif!important; } .award-heading-title{ font-family: 'Amaranth', sans-serif; } .award-title{ font-family: 'Amaranth', sans-serif!important; color:black; text-align:center; font-size: 18px; line-height: 23px; padding-bottom: 15px; padding-top: 11px; font-weight: 400; } .viw-btn{ padding: 10px 40px; background: #ff675f; color: white; border: 0px; border-radius: 7px; font-family: 'Amaranth', sans-serif; } .award-titles{ font-family: 'Amaranth', sans-serif!important; color:black; text-align:left; font-size: 18px; line-height: 23px; padding-bottom: 15px; padding-top: 11px; font-weight: 400; } .awards-section{ padding-bottom:50px!important; } .containers { padding-top: 47px!important;} .events-section{ background:#efefef!important; padding-bottom:50px; } @media only screen and (max-width:767px){ .award-title{ text-align:left; } } .review-section{ background:white; } .Review-bx { -webkit-box-shadow: 3px 3px 20px 0 rgb(46 61 73 / 10%); box-shadow: 3px 3px 20px 0 rgb(46 61 73 / 10%); overflow: hidden; padding: 30px; background: url(images/google.png); background-repeat: no-repeat; background-position: right 20px top 34px; background-size: 25px; margin-bottom: 20px; height: 238px; } .review-section h3{ color:black; font-size: 15px; line-height: 19px; padding-bottom: 1px; font-weight: 600; } .strate { margin-top: 5px; } .section-title h4 { font-size: 15px; letter-spacing: 1.8px; line-height: 21px; padding-top: 5px; color:black!important; } .Review-cnt p { font-size: 15px; line-height: 18px; white-space: pre-wrap; margin-top: 5px; font-family: calibri,sans-serif; color:black!important; text-align: left; font-weight: 300!important; } .review-section .fa-star{ color:black; } .Review-img { float: left; width: 15%; } .Review-cnt { float: right; width: 80%; } .Review-img img { width: 50px; } .section-btn { background: 0 0; border-radius: 0px; border: 1px solid #2c2f38; color: #2c2f38; font-size: 13px; letter-spacing: 2px; padding: 14px 18px; margin-top: 32px; -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s; } .strate .checked { color: #f8b808!important; } .viw-btn a:hover{ color:white!important; text-decoration:none!important; } .conForm h4{ font-family:'Amaranth', sans-serif!important; } .book-call h4{ font-family:'Amaranth', sans-serif!important; } .footer-heading{ font-family:'Amaranth', sans-serif!important; } .footer-contacts{ padding-left:3px; } .contactDetails .container{ padding-top: 30px!important; padding-bottom: 20px!important; } .footer .container{ padding-top: 10px!important; padding-bottom: 10px!important; } .google-revs{ font-size: 16px; color: black!important; padding-top:20px!important; } .footer ul li a{ width:150px!important; } .about-link{ text-decoration:underline; } .about-link:hover{ text-decoration:underline; color:black!important; } .phone li { font-weight:500; } .about-links{ text-decoration:underline; } .about-links:hover{ text-decoration:underline; color:#2a6496!important; } .section-img{ width:365px!important; height:305px!important; } .footer-logo-google{ width:32px!important; margin-top:0px!important; } .google-rev-footer{ margin-top: 24px; } /*iphone*/ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { html,body{ overflow-x:hidden; width:100%; } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { html,body{ overflow-x:hidden; width:100%; } } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { html,body{ overflow-x:hidden; width:100%; } } /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { html,body{ overflow-x:hidden; width:100%; } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { html,body{ overflow-x:hidden; width:100%; } } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { html,body{ overflow-x:hidden; width:100%; } } /* ----------- iPhone 6, 6S, 7 and 8 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { html,body{ overflow-x:hidden; width:100%; } } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { html,body{ overflow-x:hidden; width:100%; } } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { html,body{ overflow-x:hidden; width:100%; } } /* ----------- iPhone 6+, 7+ and 8+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { html,body{ overflow-x:hidden; width:100%; } } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { html,body{ overflow-x:hidden; width:100%; } } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { html,body{ overflow-x:hidden; width:100%; } } /* ----------- iPhone X ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { html,body{ overflow-x:hidden; width:100%; } } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { html,body{ overflow-x:hidden; width:100%; } } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { html,body{ overflow-x:hidden; width:100%; } } /*android*/ @media only screen and (max-width: 767px) { html,body{ overflow-x:hidden; width:100%; } .banner{ height: 600px!important; width:390px; } .bannerText { top: 5%!important; padding-top: 15px; padding-bottom: 15px; width: 325px!important; } .navbar.navbar-inverse.navbar-static-top{ font-size:15px!important; padding:0px!important; } .logo { margin-top: 1px!important; } .navbar-wrapper { padding-top: 15px;} .section-img{ width:318px!important; height:250px!important; } .navbar-nav { float: right; } .phone-div{ display:none!important; } .menu-div{ padding-bottom:15px; } .Review-img img { width: 40px; } .navbar.navbar-inverse.navbar-static-top a{ text-align:left; } .footer-logo-google{ width:17px!important; } .google-rev-footer { margin-top: 30px!important; } .google-revs { font-size: 16px!important; letter-spacing: -1.0px; } .footer-logo-ads{ width: 130px; margin-left: 8px!important; } .book-call{ margin-top:75px; } .whatsapp_float:hover { position: fixed; width: 40px; height: 40px; bottom: 20px; right: 10px; font-size: 22px!important;} } .addition-content{ padding-top:50px; padding-bottom:0px; } .heading h2{ padding-bottom:20px; } .heading .para-detail{ font-size: 19px!important; line-height: 24px!important; font-weight: 400!important; text-align: center!important; } .toggle-box{ font-size: 19px!important; line-height: 30px!important; font-weight: 400!important; text-align: center!important; } #check{ display: none; } .content{ display:none; transition:0.8s linear; } label{ display:inline-block; cursor:pointer; } #check:checked ~ .content{ display: block; } #check:checked ~ label{ visibility: hidden; } #check:checked ~ label:after{ content:'Show Less'; display: block; visibility: visible; padding: 10px 40px; background: #ff675f; color: white; border: 0px; border-radius: 7px; font-family: 'Amaranth', sans-serif; } .addition-content1{ padding-top:50px; padding-bottom:30px; text-align:center; } .heading1 h2{ padding-bottom:20px; } .heading1 .para-detail1{ font-size: 19px!important; line-height: 30px!important; font-weight: 400!important; text-align: center!important; } .toggle-box1{ font-size: 19px!important; line-height: 30px!important; font-weight: 400!important; text-align: center!important; } #check1{ display: none; } .content1{ display:none; transition:0.8s linear; } .labels{ display:inline-block; cursor:pointer; } #check1:checked ~ .content1{ display: block; } #check1:checked ~ .labels{ visibility: hidden; } #check1:checked ~ .labels:after{ content:'Show Less'; display: block; visibility: visible; padding: 10px 40px; background: #ff675f; color: white; border: 0px; border-radius: 7px; font-family: 'Amaranth', sans-serif; } .fa-2x{ font-size:1.8rem; } .heading .para-head{ font-family: 'calibri', sans-serif!important; font-weight:600!important; } .about-des{ font-size:18px; font-weight:600!important;} p{ font-weight:500;} .abouts p{ font-size:18px; font-weight:600!important;} html,body{ width:100%; overflow-x:hidden;} @media only screen and (min-width:1517.78px){ #banner{ width:1780px!important; } } @media only screen and (min-width:1707.50px){ #banner{ width:1780px!important; } } @media only screen and (min-width:1821.33px){ #banner{ width:1780px!important; } }