/*================================ PROJECT :Puvi Enterprises ================================== */ /*--------------------------------------- 1. DEFAULT -----------------------------------------*/ body {background: #fff;margin: 0 auto;font-family:"Source Sans Pro", Helvetica, Arial, sans-serif; ;font-size: 100%} html {border: 0 none;margin: 0;padding: 0} div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {border: 0 none;font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; ;font-size: 14px; line-height:22px; color:#4c4c4c; font-style: normal;font-weight: inherit;margin: 0; padding: 0;outline: 0 none; list-style: none;} /** Font **/ .arial {font-family:Arial, Helvetica, sans-serif} .ss {font-family:"Source Sans Pro", Helvetica, Arial, sans-serif;} .pacifico{font-family:"Pacifico", Helvetica, Arial, sans-serif} /** End **/ #pagehigh326 .equ-we-srve{display:none !important;} /*--------------------------------------- 2. PREDEFINED -----------------------------------------*/ /* CUSOTOM */ .clr {clear: both} .fl {float: left} .fr {float: right !important} .ac {text-align: center !important;} .ar {text-align: right} .al {text-align: left !important} .aj {text-align: justify} .space10 {height: 10px} .space20 {height: 20px} .dt {display:table} .db {display:block} .dn {display:none} .gc-full {width:100% !important} .gc-half {width:50%} /* MARGIN */ .mr10{ margin-right:10px;} .mr20{ margin-right:20px;} .mt10{ margin-top:10px;} .mt60{ margin-top:60px !important;} .mt20{ margin-top:20px;} .mb10{ margin-bottom:10px !important;} .mb20{ margin-bottom:20px !important;} .ml10{ margin-left:10px;} .ml20{ margin-left:20px;} .m-auto {margin:0px auto!important; } .m-none {margin:0px !important} /* PADDING */ .pr10{ padding-right:10px;} .pr20{ padding-right:20px;} .pb10{ padding-bottom:10px !important;} .pb20{ padding-bottom:20px;} .pl10{ padding-left:10px;} .pl20{ padding-left:20px;} .pt10{ padding-top:10px;} .pt20{ padding-top:20px;} .pbn {padding-bottom:0 !important} .pln {padding-left:0} .prn {padding-right:0 !important} .ptn {padding-top:0px} .p-auto { padding:0px auto } .p-none {padding:0px !important} .pb60{padding-bottom:60px !important;} /* LINE HEIGHT */ .lh18{ line-height:18px !important;} .lh20{ line-height:20px !important;} .lh22{ line-height:22px !important;} .lh24{ line-height:24px !important;} .lh26{ line-height:26px !important;} .lh28{ line-height:28px !important;} /* BORDER 0 */ .bbn {border-bottom:0px !important} /* FONT */ .fnt-14 {font-size:14px!important;} .fnt-16 {font-size:16px !important} .fnt-18 {font-size:18px !important;} .fnt-20 {font-size:20px!important;} .fnt-22 {font-size:22px!important;} .fnt-24 {font-size:24px!important;} .bold-txt {font-weight:bold} /* COLOR */ .clr-white {color:#2b2b2b !important} .clr-blue{color:#4374E8 !important;} .clr-orange{color:#f77547 !important;} /*** Hide & Seeek ***/ .desk-only {display: block} .tab-only {display: none} .mob-only {display: none} .desk-none {display: none} .tab-none {display: block} /*** end **.mob-none {display: block}*/ /*--------------------------------------- 3. HEADER -----------------------------------------*/ .top-strip {padding: 10px 0;background: #293990;} .top-strip a, .contact-no span, .contact-email span {color:#fff; font-size:15px; } .top-strip a i {color: #fff;border: 2px solid #fff;padding: 0;margin:0 0 0 5px;width: 27px;height: 27px;text-align: center;line-height: 22px;border-radius: 50px;} .contact-no i, .contact-email i{color: #fff;border: 2px solid #fff;padding: 0;margin:0 0 0 5px;width: 27px;height: 27px;text-align: center;line-height: 22px;border-radius: 50px;} /*.top-phone{text-align:center;}*/ .top-social{text-align:right;} .top-strip .container div.contact-no, .top-strip .container div.contact-email, .top-strip .container div.social-links { float: right; padding: 0px 5px; /* width: 19.3%;*/ } .top-strip .container div.contact-email div { display: table; margin: 0px auto; } /*** topheader***/ .top-header{ width:100%; padding:20px 0px;} .top-header .logo{ width:400px; float:left; } .top-header .logo img{ width:100%; max-width:100%; } .top-header .response i{ width:20px; text-align:center; display:block; border:2px solid #ccc; color:#da0a41; float:left; padding:5px; font-size:20px; margin-right:5px; border-radius:5px; } .top-header div.social-links a{ float:right; position:relative; top:30px; } /*--------------------------------------- 4. THEME -----------------------------------------*/ .thm-prim-bg {background:#5354b1} .thm-seco-bg{background:#ff1a26} ::selection {background:#C5C1C1;color:#fff} ::-moz-selection {color:#fff; background:#C5C1C1;} .thm-prim-clr {color:#1f29a7} .thm-seco-clr {color:#ed1f26 !important} .thm-prim2-clr {color:#333} /*--------------------------------------- 5. Banner -----------------------------------------*/ /*--------------------------------------- 6. Home -----------------------------------------*/ /*=============== Welcome Messages + Combined ===============*/ .welcome-box, .recent-projects, .testimonials {padding:40px 0px !important} .welcome-box h1, .about-box h1, .testimonials h1, .recent-projects h1 {color: #2a3990;font-size: 40px;font-weight: 900;line-height: 33px;margin: 0;text-transform: capitalize;} .welcome-box h1::after, .about-box h1::after, .testimonials h1::after, .recent-projects h1::after {background: #404040;content: "";display: block;height: 2px;margin: 20px auto;width:100px;} .welcome-box a{font-size:14px; line-height: 21px; color:#2b2b2b; padding:0 0 10px 0;display:table; font-weight:600 } .welcome-box .interior-icons {width: 10.667% !important;} hr {border: none;border-top: 2px solid #eee;margin: 0px 0px 20px !important;} /*.welcome-box .col-md-4:hover a {color:#1f29a7; } .title:hover{color:#3a1598; }*/ .pdic-box img{margin-bottom:20px} /*=============== About Box + Combined ===============*/ .about-box, .testimonials {background: #fff;} .about-box .pic-box {background:url(../images/bg-paralax.jpg) no-repeat left; background-attachment:fixed; height:500px; background-size:cover} #myVideo { position: relative;width: 100%;min-height: 100%;z-index: 999;left: 0;bottom: 0;} .about-box .cont-box {padding:0 30px !important;width: 46% ;} .about-box h1::after {height:0} .testimonials h1::after {background:#353534;} .square {font-size: 22px;background: #12209b;color: #fff;width: 40px;height: 40px;text-align: center;margin-right: 15px;line-height: 40px;} .about-box ul li{list-style-type:none;padding: 0 0 10px 0px;color: #444351; line-height: 23px; font-size:14px; } .about-box ul li i {width: 15px;height: 15px;text-align: center;line-height: 15px;margin-right: 10px;color: #f15a25;text-align: center;} .about-box p, .welcome-box p, .recent-projects p {font-size:14px; line-height: 23px; color:#4c4c4c; padding:0 0 10px 0;} .work-box{ background-color: #e0dbdb;padding:40px 0px} .work-title{color: #4c8bd8;font: normal 20px "Source Sans Pro",Arial, sans-serif;} .services-block-four {position: relative; margin-bottom: 10px;} .services-block-four .inner {position: relative;padding-left: 80px;} .services-block-four .inner .icon-box {position: absolute;left: 0px;top: 0px;width: 60px;height: 60px;color: #ffffff;font-size: 28px;line-height: 60px; text-align: center; border-radius: 50%;background-color: #3a6ca8;} .flaticon-technology:before {content: "\f119";} .services-block-four .inner h3 {position: relative;font-size: 20px;font-weight: 600;line-height: 1em;} .services-block-four .inner h3 a {color: #333333;transition: all 300ms ease;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease;} .services-block-four .inner .service-text {font-size: 15px;color: #777777;} .pu_ser1{background:url(../images/abt-puvi.jpg) no-repeat center;background-size:cover;height:523px;} .pu_ser{width: 100%;display: table;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .pu_ser2{padding:0px;} .pu_sec1{border-right:1px solid #ddd;padding:0px;} .pu_sec2{padding:0px;} .pu_sec3{padding:0px; border-top:1px solid #ddd;border-right:1px solid #ddd;} .pu_sec4{padding:0px; border-top:1px solid #ddd;} .service-content{padding:40px 20px;} .service-content p{font-size:14px;} .service-content p.title{font: bold 16px "Source Sans Pro",arial;line-height: 22px;color:#5c5c5c;} .service-content:hover {background:#6c73d5;color:#fff} .service-content:hover p {color:#fff} .service-content, p.title:hove, p:hover{color:#fff;} .wrk-prcs{background:url(../images/cnc-machine.jpg) no-repeat center;background-size:cover;height:400px;} .wrk-qlty{height: 400px;background: #2a3a92;padding:50px 60px;} .wrk-qlty p{font:bold 27px "Source Sans Pro",arial;color:#fff;line-height:46px;} .wrk-prgs{height:400px;background:#eee;padding:85px 100px 85px 60px} .progress-bar {float: left;width: 0;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;background-color: #2a3a92;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;} .product-img{padding: 20px;border: 1px solid #cacaca;display: table;margin: auto;margin-bottom:20px;} h2{font-size:30px;font-weight:bold !important;text-align:center;} .product-img-sec{width: 100%;display: table;padding: 20px;border: 1px solid #cacaca;margin-bottom:30px;} .left-img, .right-img{width:48%;display:table;} .product-img-sec p{font:bold 14px "Source Sans Pro",arial;line-height:22px;text-align:center;margin: 0px; padding-top: 20px; padding-bottom: 0px !important;} /*=============== Counter ===============*/ .count{background-color:#242424;padding:90px 0px;} .stat{text-align:center;} .highlight{color: #fff;padding: 20px 0;font-weight: bold;display: block; overflow: hidden;margin-bottom: 0;font-size: 48px;} /*.stat i{color:#f7c221;}*/ .milestone-details{font-size:18px;color:#fff;} .milestone-counter i{line-height:44px;} /*=============== Services ===============*/ .icon-box i{font-size: 32px;} .title-section.left h2 {text-align: left;} .title-section h2 {font-size: 32px;font-weight: 600;padding: 20px 0; position: relative;color: #222222;margin-bottom: 39px;} .title-section h2:after {content: '';position: absolute;height: 5px;width: 50px;background-color: #4c8bd8;bottom: 0;left: 0;border-radius: 2px;} .box-title a {color: #2a3a92;font:bold 18px "Open Sans",arial;} /* .ico { position: relative;background-color: #dee466;height: 50px;width: 50px; margin-left: 20px;top: -39px;} */ .ico i{font-size:32px;color:#fff; text-align:center;display:block;} .iconbox-item{border: 1px solid #cacaca; padding: 20px;} .iconbox-item img:hover{transform: scale3d(1.08, 1.08, 1.08);} .iconbox-item p{font-size:14px;} /*=============== MENU ===============*/ .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px; background-color:#ed1c22; background-image: none;border: 1px solid #3d9b3d;border-radius: 4px;top: 20px !important;right: ;} .navbar-inverse .navbar-toggle {border-color: #ed1c22 !important;} .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #f20000 !important} .navbar-nav>li>a {padding:5px !important;} .caret:hover {color: #f15a25;} .dropdown-menu {position: absolute;left: 0;z-index: 1000;display: none;float: left;min-width: 220px;padding: 5px 5px;margin: 2px 0 0;font-size: 14px; text-align: left;list-style: none;background-color: #20366f;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0px solid #efefef !important;border: 0px solid rgba(0, 0, 0, .15);border-radius: 5px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);top: 80%;border-top: 0px;} .dropdown-menu>li>a {display: block;padding: 5px 10px;clear: both;white-space: nowrap;border-bottom: 1px solid #1870dc;color: #fff;font-size: 15px;font-weight: 600;} .dropdown-menu>li>a:hover {transition: all ease 0.2s;color: #dadc57 !important;} /*=============== Testimonial Slider ================*/ .testimonials { height:500px; background-size:cover; background-attachment:fixed}/*background:url(../images/bread-crumb-bg.jpg) no-repeat center;*/ .testimonial{ margin: 0 20px 0px; } .testimonial .pic{display: inline-block;width: 90px;height: 90px;border-radius: 50%;margin: 0 15px 15px 0;} .testimonial .pic img{width: 100%;height: auto;border-radius: 50%;} .testimonial .testimonial-profile{display: inline-block;position: relative;top: -25px;} .testimonial .title{display: block;font-size: 20px;font-weight: 600;color: #444351;text-transform: capitalize;margin: 0 0 7px 0;} .testimonial .post{display: block;font-size: 14px;color: #2b2b2b;} .testimonial .description{padding: 20px 22px;background: #ffffff !important;font-size: 14px;color: #2b2b2b;line-height: 23px;margin: 0;position: relative;border-radius:70px 0px 70px 0px;} .testimonial .description:before,.testimonial .description:after{content: "";border-width: 18px 0 0 18px;border-color: #bfbfbf transparent transparent;position: absolute;bottom: -18px;left: 0;}/*border-style: solid;*/ .testimonial .description:after{border-width: 18px 18px 0 0;left: auto;right: 0;} /*.owl-theme .owl-controls{margin-top: 10px;margin-left: 30px;}*/ .owl-theme .owl-controls .owl-buttons div{opacity: 0.8; background: #fff;} .owl-prev:before, .owl-next:before{content: "\f053";font-family: 'FontAwesome';font-size: 20px;color: #353534;} .owl-next:before{ content: "\f054"; } .testimonial-read a{text-align: center;background-color: #3a6ca8;padding: 10px;color: #fff;} /** Read Button **/ .read-btn {margin:20px 0 0 0} .read-btn a{background: #3a6ca8;padding: 10px 19px;font-size:13px;font-weight:600;color: #fff;text-transform:uppercase;} .read-btn a:hover {background:#0363d8; transition:all ease 0.6s; color:#fff } .read a{border: 2px solid #e33a0c;padding: 10px 15px;border-radius:2px;} /*--------------------------------------- 7. Pages -----------------------------------------*/ /** Bread Crumb **/ .breadcrumb a { padding-left:20px} .breadcrumb h1 {font: bold 14px/32px "Source Sans Pro";} .breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {color:#fff; text-decoration:underline; padding-left:20px} /** Main content **/ main{background:#fff; padding:30px 0px;} section, aside {padding:0} /** Aside **/ aside ul li.head {background: #ec0c16;color: #fff;font: bold 21px/6px "Source Sans Pro", Arial;padding: 5px 20px !important;} aside ul.links {border:1px solid #ccc; border-top:0px; border-bottom:0px} aside ul li a {display:block;padding:10px 25px; border-bottom: 1px solid #ccc; font-size:14px; color:#2b2b2b;}/*background:#f9f9f9 url(../images/links-bg.png) no-repeat 18px 17px*/ aside ul li a:hover { transition:all ease 0.1s;} /** Section **/ section h1 {font-size: 34px;font-weight: 600;padding: 10px 0px 10px;color:#ec181f;;font-family: "Source Sans Pro", Arial;margin:0px;} section h3 {font-size: 28px;color: #ec0c16;font-weight: 400;padding: 0px 0 10px 0;float: left;width: 100%;} section p {color:#2b2b2c; padding:10px 0 10px 0; line-height: 22px; text-align:justify; font-size:14px; font-family:"Source Sans Pro", Arial;} section article ul {padding:0px 0 20px 0} section article ul li {font-size: 14px;color:#222;line-height: 30px;background:url(../images/lists-bg.jpg) no-repeat left 10px;padding: 0 0 0 20px; } section article ul li ul {padding-bottom:0px} section article ul li ul li {background:none;list-style-type:disc;padding: 3px 0;margin-left: 20px;} #blog section article ul li{background:none !important;border-bottom: 1px solid #ccc;padding-top:10px;padding-left:0px !important;} .blog-txt p{padding-bottom:0px !important;} #blog article ul li p a{padding-bottom:0px !important;line-height:21px !important;} .pdct-name{ font-size: 14px; color: #222; line-height: 30px; background: url(../images/lists-bg.jpg) no-repeat left 10px; padding: 0 0 5px 20px; width: 33% !important; float:left; } li.pdct-name a { color: #2b2b3e; text-decoration: none; font: normal 15px "Open Sans" !important; } li.pdct-name a:hover{text-decoration:underline;} /** Service **/ .service-pic{margin:0 auto !important;border:2px solid #391495;width:70px;height:70px;display:table;}/*border-radius:50%;*/ .service-pic img{position:relative;z-index:-1;margin:0 auto;top:10px;left:1px;} .recent-projects .title{display:table;margin:15px auto 5px !important;} .iconbox-item a.read-more{font: 14px "Source Sans Pro";color: red;} /** Product Page **/ .product-boxes .service-box {border:1px solid #ccc; border-bottom:3px solid #2372b5; text-align:center; margin-bottom:20px; font-family:montserrat;} .page-pic {width:250px;} .page-pic img {max-width:100%;overflow:hidden;padding: 5px;background: #fff;border: 1px solid #ced1fb;} .right-pic {float:right;margin: 0 0 10px 15px;} .left-pic {margin:0 15px 10px 0; float:left} .testi-slider img{width:110px; } .testi-slider p {font-size:14px; font-family: arial; } /*events*/ .news-list ul li {display:block;float: left;margin: 10px 0px;} .news-list p.title a {font-size: 20px; padding-bottom: 10px; font-weight: bold;} /*contact-form*/ .form-inline input[type="text"], .form-inline textarea{border: 1px solid #d1d1d1; border-radius: 0px; background: #ffffff;} .form-inline input[type="text"]:focus, .form-inline textarea:focus { box-shadow: none; border: 1px solid #d1d4ff; background: #ecedff;} .form-inline input.with90 {width: 95%;} .form-inline .form-group {padding:10px 0px} .form-inline .form-group label {color: #4c8bd8;font-size: 14px;font-weight: bold;padding: 0px 0 10px;} .contact-address li {background:#f5f5f5;margin:0px 0px 20px;padding:20px} .contact-address li p {font-size:20px;padding-bottom:20px;color: #1a286f;} .contact-address li i {border: 1px solid #1a286f;margin-right: 10px;border-radius: 100%;width: 30px;height: 30px;text-align: center; padding-top: 5px;font-size: 16px;background: #1a286f;color: #fff;} #contact h2{font-size: 24px;font-weight: 400;padding: 10px 0px 20px; color:#fff; font-family: "Source Sans Pro", Arial; text-align:left !important} .puvi-address{background-color: #f9f9f9;width: 100%;display: table;border:1px solid #293990;} .puvi-address li{padding:10px;border-bottom:1px solid #DCDCDC;} ul.puvi-address h4 {color: #fff !important;background-color: #293990;padding: 20px 0px 20px 10px;font-size: 24px;} .puvi-address li i{padding-right: 10px !important;} /*** enquiry-box ****/ .enquiry-box{width:100%;border: 1px solid #dadada;padding:0px 0px;margin:0 0 20px 0px;background: #ffffff;} .enquiry-box ul{ margin:0px; padding:0px; } .enquiry-box ul li{ list-style:none; display:table; float:left; width:33.16%; border:0px solid #ccc; padding:10px 0px; } .enquiry-box ul li label{width:100%;display:table;font-size: 15px;padding:0 10px;color: #231f20;font-weight: 600;} .enquiry-box ul li input{width:90%;display:table;font-size:15px;border: 1px solid #e1e1e1;color:#666;padding:5px 5px;margin-left:10px;background: #f9f9f9;} .enquiry-box ul li select{ width:93%; font-size:13px;border:1px solid #eceaea; color:#666; padding:5px 5px; margin-left:10px; } .enquiry-box ul li.textbox { width:100%; } .enquiry-box ul li.textbox textarea{ width:96.3%; font-size:15px;border:1px solid #e1e1e1; color:#666; padding:5px 5px; margin-left:10px;background:#f9f9f9} /*--------------------------------------- 8. Footer -----------------------------------------*/ /** Social Icons **/ footer .social-icons i {font-size: 14px; padding: 0px;margin: 0 3px 0 0 ;width: 35px;height: 35px;text-align: center;line-height: 35px;background: #4647a0;color: #fff;border-radius: 20px;} footer .social-icons a:hover i.fa-facebook, .top-strip a:hover i.fa-facebook{ transition: all ease 0.3s; border-color:#3b5998; background:#3b5998} footer .social-icons a:hover i.fa-twitter, .top-strip a:hover i.fa-twitter { transition: all ease 0.3s; border-color:#1da1f2; background:#1da1f2} footer .social-icons a:hover i.fa-google-plus, .top-strip a:hover i.fa-google-plus { transition: all ease 0.3s; border-color:#dc4a38; background:#dc4a38} footer .social-icons a:hover i.fa-linkedin, .top-strip a:hover i.fa-linkedin { transition: all ease 0.3s; border-color:#007bb5; background:#007bb5} footer .social-icons a:hover i.fa-pinterest, .top-strip a:hover i.fa-pinterest { transition: all ease 0.3s; border-color:#bd081c; background:#bd081c} /** footer **/ footer {background: #2a3a92;padding: 60px 0;} footer .head {font-size: 24px;color:#fff; padding:0px 0px 30px 0px; font-family: "Source Sans Pro", Arial;} .first-service ul{float:left;} footer ul li {line-height:25px; } footer ul li.col-md-3 {border-right:0px solid rgba(255, 255, 255, 0.17)} footer ul li:last-child{border-right:0px} footer ul li a i{font-size:14px;padding-right:10px} footer ul li a {color:#f5eaea; font-size:14px; line-height: 29px;} footer ul li a:hover {text-decoration:underline; color:#fff} footer ul li p{padding: 0 0 10px;font-size:14px; color:#f5eaea;} footer ul li p.loct {padding: 10px 0 0; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fbcc0a;} footer img.dash-line {padding: 0 1.1%;} footer strong {color: #ecedff;font-weight: 700;} .footer-icon i { border: 1px solid #f5eaea; width: 26px; height: 26px; border-radius: 50%; line-height: 26px; text-align: center; } .tagcloud a { position: relative; overflow: hidden; font-size: 14px; font-weight: 600; font-family: "Source Sans Pro", Arial; color: #f5eaea; padding: 1px 15px; margin: 0 4px 6px 0; z-index: 1; } /*.tagcloud a:hover {background-color:#305582;color:#fff;text-decoration:none;}*/ /** Comp Info **/ .address-sec {background:#39499c;} .address-sec p, .address-sec p a {color:#fff; font-size:14px;} .address-sec p a:hover{color:#f15a25;} .top-foot{background-color: #1d346b} .top-foot p{color: #ffff;font:normal 16px "Source Sans Pro", Arial;padding:5px 0px;line-height: 23px;} .top-foot i{ width: 27px; height: 27px; line-height: 23px; font-size: 22px; } .s-icon i{ border: 2px solid #c5c4c4; padding: 0px 0px; width: 30px; height: 30px; } .s-icon a{text-decoration:none !important;} .s-icon a:hover{color:#EAEF48;} .s-icon li{padding-bottom: 5px;} /*--------------------------------------- 9. Media Queries -----------------------------------------*/ @media (max-width:659px) { /* logo */ .navbar-brand>img{ margin-top: 0px; width: 70px !important; max-width: 100%; position:inherit !important; } /* scroll */ .owl-carousel .owl-item { border:0px !important; left:20px; } .owl-carousel .owl-item img{ width:325px !important } .pdct-name { font-size: 14px; color: #222; line-height: 30px; background: url(../images/lists-bg.jpg) no-repeat left 10px; padding: 0 0 5px 20px; width:100% !important; float:none !important; } /*top strip*/ .top-strip .col-sm-6 {padding:10px 10px; float:left; text-align:left} .top-strip .split-right{border-right: 0px solid #ccc;border-bottom: 1px solid #ccc;} .top-strip ul li a {padding: 10px 21.8px;} .top-strip div.col-xs-12:first-child {padding-left:10px !important} .top-strip div.col-sm-6:first-child {padding:auto !important} .top-strip{display:none !important;} .mob-none {display:none !important} .mob_full {width:100% !important} .mob-only {display:block !important} .mob-width {width:100%; float:left} section h1{line-height:34px !important;} .top-foot{display:none !important} .read{ margin-bottom: 25px;} .services-block-four { position: relative; margin-bottom: 0px !important; } .iconbox-item{margin-bottom:20px;} /** nav **/ .navbar-collapse.in {overflow-y: visible;} .navbar-nav {margin: 0px !important;background: #ececec;} .navbar-nav {float:none !important} .navbar-nav li a {border-bottom:1px solid #ccc} /*dropdown*/ .navbar-nav ul.dropdown-menu {background: #2d3878 !important;border-radius:0px} .navbar-nav ul.dropdown-menu li a {border-bottom: 1px dashed #a5adda;color:#fff !important} .navbar-nav ul.dropdown-menu li:last-child a {border-bottom:0px} .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #29398f;border-color: #29398f;} .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #305582; transition: all ease 0.3s; background-color:none; } .caret:hover { color: #2d3878; } /** common **/ .mob-full {width:100% !important} .mob-p-both-none {padding-left:0px !important; padding-right:0px !important} .cbp-item {width:95% !important} .welcome-box .col-xs-12 {width:100%x !important; padding:20px } .welcome-box .col-xs-12 .interior-icons {padding-right:15px !important;} .cont-box {width:100% !important} .testimonials {height:650px} .testimonials .pic{margin:0px} .address-sec p {text-align:center !important} .enquiry-box ul li.textbox textarea {width:90%} /** footer **/ footer ul li.col-md-3 {padding-bottom:50px} .first-service ul{float:none !important;} /** breadcrumb **/ .breadcrumb h1 {text-align:center !important} .breadcrumb a {display:none !important} } @media (min-width:660px) and (max-width:1019px) { /** top Strip**/ .top-strip .split-right {padding:20px 0px 20px 0px;font-size:18px} .top-strip .split-right a {font-size:17px} .top-strip .split-right{border-right: 0px solid #ccc;} .top-strip .col-sm-12 {background:#f4f4f4} /*menu*/ .navbar-collapse {padding-right: 0;padding-left: 0;} .navbar-brand {width:130px;padding: 15px 0px;} .navbar-brand img {width:100%;max-width:100%;overflow:hidden} .navbar {border-top:0px} .navbar-nav {margin: 26.5px 7px;float: right !important;} .nav > li > a {position: relative;display: block;padding: 7px 10px !important;margin-right: 5px;} /*fonts*/ .big-txt{ font-size:30px;line-height:35px} /*custom*/ .mob-full {width:100%} /** Hide and seek **/ .tab-none {display:none !important } .tab-none {display:none !important } .tab-p-both-none {padding:0px !important} /** common **/ .about-box .pic-box {height:570px !important} .tab-only {display:block !important} footer .col-sm-6 {width: 50%;float: left;padding-bottom: 50px;} } /*-------------------------------------- 10.Font Family --------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); @import url('symbol.css'); @import url('bootstrap.min.css');