HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/ViralPost-Stories/new/
Current File : /home/htlwork.com/www/dev/ViralPost-Stories/new/style.css
html, body {height: 100%;}
html{overflow-x:hidden;}
body{font-size: 14px; font-family: 'Open Sans', sans-serif; color: #2a2a2a;}

a{color:#29497a; text-decoration:none;}
a:hover, a:focus{color:#fd1642; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:22px; margin:0 0 10px;}

h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; font-weight:600; margin:0 0 10px;}
h2{color:#29497a;}
h3{color:#fd1642;}
h4{color:#29497a;}

.mrg-0{margin:0 !important;}
.pad-0{padding:0 !important;}
.mrt-0{margin-top:0px !important;}
.mrt-10{margin-top:10px !important;}
.mrt-15{margin-top:15px !important;}
.mrt-20{margin-top:20px !important;}
.mrt-25{margin-top:25px !important;}
.mrt-30{margin-top:30px !important;}
.mrt-35{margin-top:35px !important;}
.mrt-40{margin-top:40px !important;}
.mrt-45{margin-top:45px !important;}
.mrt-50{margin-top:50px !important;}
.mrt-60{margin-top:60px !important;}
.mrt-60{margin-top:65px !important;}
.mrt-70{margin-top:70px !important;}
.mrt-75{margin-top:75px !important;}

.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-15{margin-bottom:15px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-25{margin-bottom:25px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-35{margin-bottom:35px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-45{margin-bottom:45px !important;}
.mrb-50{margin-bottom:50px !important;}
.mrb-60{margin-bottom:60px !important;}
.mrb-60{margin-bottom:65px !important;}
.mrb-70{margin-bottom:70px !important;}
.mrb-75{margin-bottom:75px !important;}

.container{max-width: 1070px;}

.header{margin: 0 0 5px; box-shadow: 0 5px 20px 0 rgba(0,0,0,.05); position: relative; top: 0; z-index: 2; left: 0; width:100%;}    
  .header .container{max-width: 1420px;}
  .menu-head{position:relative; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:600; z-index:2; text-transform:uppercase;}
  .menu-head .navbar-brand{padding:10px 0; height:auto;}  
  .menu-head .navbar-brand img{max-width: 125px;} 
  .menu-head .navbar-header{position: relative; z-index: 2;}
  .menu-head nav{box-shadow:none; border:none; background:none; border-radius:0; margin:0;}
  .menu-head .navbar-collapse{padding:0;}
  .menu-head .navbar-nav{float:none;margin-left:auto; text-align:right;}
  .menu-head .navbar-nav > li{display:inline-block; float:none; margin:0 0 0 30px; position:relative;}   
  .menu-head .navbar-nav > li:last-child:after{display:none;}
  .menu-head .navbar-nav > li > a{border:transparent; color:#000; text-shadow:none; padding:10px 0; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1.4s ease; -o-transition:all 1s ease; display:block;}
  .menu-head .navbar-nav > li > a:before {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; /*-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; right: 0; margin: 0 auto; background: #29497a;}
  .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > li.current-menu-item > a:before{opacity: 1; width: 100%;}
  .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color:#29497a; box-shadow:none;}
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
  .menu-head li:hover > ul {opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1);-o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
  .menu-head ul ul{border-top:2px solid #29497a; position: absolute; left: 0; top: 100%; z-index: 2; padding:10px; width: 220px; background: #fff; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);-ms-box-shadow: 0 10px 15px rgba(0,0,0,.1);-o-box-shadow: 0 10px 15px rgba(0,0,0,.1);box-shadow: 0 10px 15px rgba(0,0,0,.1); opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0);-o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;-ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
  .menu-head ul ul ul{margin-left: 100%; top: 0;}
  .menu-head ul ul li a{text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none; border-bottom: 1px solid transparent;}
  .menu-head .sub-menu > li:last-child{border-bottom:0;}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover, .menu-head .sub-menu > li.current_page_item > a{transition: all .2s ease-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a{display:block; background:none !important; color:#000 !important; padding:7px 10px; text-align:left; position:relative; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a:before{content: ''; position: absolute; top: 47%; left: -10px; width: 0; height: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; background-color: #29497a;}
  .menu-head .sub-menu > li > a:hover:before, .menu-head .sub-menu > li.current_page_item > a:before{opacity: 1; width: 15px;}
  .menu-head .sub-menu > li > a:hover, .menu-head .sub-menu > li.current_page_item > a{background: none !important; color: #29497a !important;}  
  
.banner{margin:15px 0 0; padding:0; position:relative; z-index:1;}
  .banner figure{position:relative; margin:0;}
  .banner figure figcaption{margin: 0; padding: 0 10% 1%; position: absolute; bottom: 10%; left: 0; z-index: 1;}
  .banner figure figcaption h2{padding: 5px 3px 5px 0; box-shadow: -5px 0 0 #fff; display: inline; background-color: #fff; font-size: 30px; line-height: 60px; color: #29497a; white-space: pre-wrap; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
  .banner .video{-webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; width: 100%;}
  
.btn{background: #29497a; border: 0; text-decoration: none; -webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-size: 14px; font-weight:700; color: #fff !important; margin: 0; padding: 13px 20px; min-width: 180px; overflow: hidden; text-shadow: none; text-transform: uppercase; -webkit-box-shadow: 0 0px 10px 5px rgba(0,0,0,.1); box-shadow: 0 0px 10px 5px rgba(0,0,0,.1);}
  .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background: #000; z-index:-1;}
  .btn:hover:after{width:100%;}
  .btn:hover{color:#fff; background: #29497a; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;}
  .btn-main .btn{min-width:450px;}
  .btn-sidebar .btn{padding: 11px 10px; min-width: 160px;}
  
.latest-news{position: relative; margin: 30px 0 15px;}
  .latest-news .new-coll{margin:0 0 30px;}
  .latest-news .coll-bgnone .new-box{background: #fff;}
  .new-box{height: 100%; position: relative; background: #f4f9ff; padding: 1rem 1rem 0.5rem; border: thin solid #f7f4ea; -webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; display: flex; gap: 30px;}
  .new-box figure{margin:0;}
  .new-box figure{position:relative; overflow:hidden; width: 45%;}
  .new-box figure img{-webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; height: 110px;width:100%;-o-object-fit: cover;object-fit: cover;}
  .new-box .new-content .align{display: flex; justify-content: space-between; gap: 20px; margin: 0; font-size:12px;}
  .new-box i{font-size: 14px; display: inline-block; padding: 0 3px 0 0;}
  .new-box .ln-padd{padding: 15px 0 0;}
  .new-box .new-content{position: relative; width: 55%; padding:0 20px 0 0;}
  .new-box .new-content p{color: #fff;}
  .new-box .new-content h4{font-size: 22px; line-height: 30px;}
  .new-box .new-content h4{font-size: 16px; line-height: 20px;}
  .new-box .new-content h4 a{color: #29497a;}
  .new-box .new-content p{color: #555; margin: 0 0 5px;}
  .new-box .new-content p a{color: #555;}

.title-main{padding: .3rem 0 .4rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; color: #29497a; position: relative; margin: 0 0 20px;}
.title-main h3{color: #29497a; font-size: 26px; text-transform: uppercase; position: relative; margin: 0;}
.title-flex{display: flex; align-items: center; justify-content: space-between;}
.title-flex p{margin:0;}
.title-flex p a{font-size:18px; font-family: 'Poppins', sans-serif; font-weight:500; text-transform:capitalize;}
  
.topics-news{position: relative;}
  .topics-news.visual-stories .item{margin:0;}
  .topics-news.visual-stories .item h4{text-transform:capitalize; font-size:14px;}
  .topics-news.visual-stories img{height: 380px; width: 100%; object-fit: cover; object-position: center center;}
  .topics-news #owl-demo{}
  .topics-news .owl-pagination{padding: 40px 0 0; display: none;}
  .topics-news .item{margin: 0 5px; position:relative;}
  .topics-news .item .brand-link{position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index:3;}
  .topics-news .item figure{-webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; overflow:hidden; margin: 0 0 15px;}
  .topics-news .item .inner{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: end; padding: 0 1.5rem 1.5rem; background-image: linear-gradient(to bottom,transparent,#000 103%);}
  .topics-news .item h4{color:#fff; font-size:18px; margin:0; text-transform:uppercase;}
  .topics-news .item h4 a{color:#fff;}
  .topics-news .owl-dots{display: none; text-align: right; position: absolute; right: 0; bottom: 30px; margin: 0;}
  .topics-news .owl-theme .owl-nav .owl-page span{background:#d7d7d7; opacity:1;}
  .topics-news .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #0dac07;}
  .topics-news .owl-theme .owl-nav button{display: block; background: none !important; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; color: #000; position: absolute; left: -55px; top: 40.5%; margin: 0; height: 42px; width: 42px; opacity: 1; text-indent: -99999px; border: 2px solid #29497a !important;}
  .topics-news .owl-theme .owl-nav button.owl-next{right:-55px; left:inherit;}
  .topics-news .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 25px 25px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .topics-news .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 25px 25px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} 

.textbreak1{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.textbreak2{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
  
.video-sec{padding:0; position:relative;}
  .video-sec .video-coll{margin:0 0 30px;}
  .video-sec .video-box{box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); -webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; height:100%; padding:0; position:relative;}
  .video-sec .video-box .play-wrap{width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; display: flex; justify-content: center; align-items: center; align-content: center; cursor: pointer;}
  .video-sec .video-box .play-wrap img{width: 32px !important; height: auto !important;}
  .video-sec .video-box .brand-link{position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index:3;}
  .video-sec .video-box figure{margin:0; position:relative;}
  .video-sec .video-box figure img{-webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; overflow:hidden; width:100%;}
  .video-sec .video-box h4{font-size:16px; margin:0;}
  .video-sec .video-box h4 a{color: #29497a;}
  .video-sec .video-box .inner{padding: 1rem;}
  .video-sec.brand-campaigns .video-box h4{margin:0 0 15px;}
  .video-sec.brand-campaigns .inner p{margin:0;}
  .video-sec.brand-campaigns .inner img{padding:0 10% 0 0;}
  .video-sec.deep-dive .inner{background:#29497a;}
  .video-sec.deep-dive .video-box h4 a{color: #fff;}
 
 .positivity-movement{position: relative; background: #29497a; color: #fff; text-align: center; padding: 50px 50px 250px; margin: 0; font-size:16px;}
  .positivity-movement h3{color: #fff; font-size: 26px; text-transform: uppercase; text-align: center; position: relative; margin: 0 0 20px;}
  .positivity-movement .btn{background: #2e6ec6; margin:0 10px;}
  .positivity-movement .movement{position: absolute; left: 0; right: 0; bottom: 0;}

.newsletter-sec{position: relative; background: #29497a; color: #fff; text-align: center; padding: 60px 50px 50px; margin: 0 0 5px;}
  .newsletter-sec h3{color: #fff; font-size: 26px; text-transform: uppercase; text-align: center; position: relative; margin: 0 0 20px;}
  .newsletter-sec h5{color: #fff; font-size:17px; text-transform: uppercase;}  
  .newsletter-sec form{margin:0; position:relative; max-width: 450px; margin: 0 auto;}
  .newsletter-sec form input[type="text"]{width:100%; height:44px; padding:6px 190px 6px 12px; -webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; background-color: #fff; border: 0; margin:0 0 15px; color:#000;}
  .newsletter-sec form input[type="text"]::-moz-placeholder{color:#242424;}
  .newsletter-sec form input[type="text"]::-moz-placeholder{color:#242424;}
  .newsletter-sec form input[type="text"]::-webkit-input-placeholder{color:#242424;} 
  .newsletter-sec form input[type="text"]:-ms-input-placeholder{color:#242424;}    
  .newsletter-sec form .btn{background-color: #fd1642; -webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; border: none; color: #fff;text-transform: uppercase; padding: 12px 20px 11px; width: auto; position: absolute; top: 0; right: 0; min-width: inherit;}
  .newsletter-sec .btn:hover{background-color:#000; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  

.text-wrap{position: relative;}
  .text-wrap .inner{position: relative; padding: 30px 0 30px; border-top: 2px dashed #e5e5e5;}
  .text-wrap h3{color: #29497a; font-size: 26px; text-transform: uppercase; position: relative; margin: 0 0 20px;}

.footer{background:#29497a; font-family: 'Poppins', sans-serif; margin:0; color:#fff; padding:45px 0 15px; position:relative;}
  .footer a{color:#fff;}
  .footer a:hover{color:#8eceff;}
  .ft-logo{padding:0;}
  .ft-logo img{padding: 0 60px 25px 0; margin:0;}
  .newsletter{position:relative;}
  .newsletter form{margin:25px 0 0; position:relative;}
  .newsletter form input[type="text"]{width:100%; height:48px; -webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; background-color: #fff; border: 1px solid rgba(255,255,255,0.4); margin:0 0 15px; color:#242424;}
  .newsletter form input[type="text"]::-moz-placeholder{color:#242424;}
  .newsletter form input[type="text"]::-moz-placeholder{color:#242424;}
  .newsletter form input[type="text"]::-webkit-input-placeholder{color:#242424;} 
  .newsletter form input[type="text"]:-ms-input-placeholder{color:#242424;}    
  .newsletter form .btn{background-color: #fd1642; -webkit-border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0; border: none; color: #fff; position: relative; font-family: 'Poppins', sans-serif; font-weight:800; text-transform: uppercase; padding: 14px 20px; width:100%;}
  .newsletter .btn:hover{background-color:#8eceff; color:#29497a; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  

  .wg-1{margin:0 0 30px;}  
  .wg-1 h4{color: #fff; font-size:16px; text-transform: capitalize;}
  .wg-1 h5{color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase;} 
  .wg-1 ul{margin:0; padding: 0;}
  .wg-1 ul li{font-weight:600; list-style:none; position:relative; margin:0; padding:0 15px 15px 0; display:inline-block; width:49%;}
  /*.wg-1 ul li:before{content: "\f054"; font-family: FontAwesome; top: 3.5px; left: 0; position: absolute; font-size: 10px;}*/
  .wg-1 address{margin: 0 0 20px; font-weight:600;  overflow: hidden; position: relative;}
  .copy-right{text-align: right; margin: 6px 0;}
  .icon-ft{padding:2px 0 0;}
  .icon-ft i{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color:#fff; display: inline-block; font-size: 18px; line-height: 40px; margin: 0 0 0 5px; height: 40px; text-align: center; width: 40px; position: relative; z-index: 1; border: 1px solid transparent;}
  .icon-ft .fa-facebook{background:#0549ae;}  
  .icon-ft .fa-twitter{background:#00aded;}
  .icon-ft .fa-youtube{background:#00aded;}
  .icon-ft .fa-instagram{background:#d64937;}
  .icon-ft .fa-linkedin{background:#1783bc;}
  .icon-ft .fa-rss{background:#da0000;}
  .icon-ft img{max-width: 40px; border: 2px solid rgba(250, 250, 250, 0.5); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
  .icon-ft i:hover{background:none; border-color:#fff; color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
  .ft-bottom{border-top: 1px solid rgba(250, 250, 250, 0.5); margin:0; padding:15px 0 0; position:relative; z-index:2;}  
  .ft-bottom p{margin:10px 0; text-align:center;}    
  
.banner-inner{background:url(images/banner-01.jpg) no-repeat scroll center 0; background-size:cover; border-bottom: 1px solid #999; height: 200px; overflow: hidden; position: relative;}
.banner-inner .textblock {height: 200px; position: relative;}
.banner-inner .block{background:rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; width: 100%;}
.banner-inner .block:after {left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1 {/*background: #3f3f3f;*/ color: #fff; margin: 0; font-size: 40px; line-height: 79px; overflow: hidden; padding:0; height: 79px;}

.breadcrumb{float: right; font-size: 13px; line-height: 15px; position: relative; z-index: 5; margin: 39px 0 5px; background: none; border-radius: 0; max-width: 400px; min-width:261px; text-align:right; color:#fff;}
.breadcrumb > li {margin: 0 0 5px;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home {margin: 0 9px;}
.breadcrumb li a {color: #fff;}     

.mid-wrap{padding:40px 0;}



	/* Smartphones */
@media (min-width: 320px) and (max-width: 767px) {
    
   .menu-head .navbar-brand{margin: 0; height: auto; display: block; position: relative; background: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 15px 0;}   
   .menu-head .navbar-brand img{max-width: 100px;}
   .menu-head nav{padding:0;}
   .menu-head .navbar-header{position:relative; z-index:2; float: none; width: 100%; padding:0;}
   .menu-head .navbar-toggler{border:0; background: #29497a !important; color: #fff; border-radius:0; margin: 0; padding: 5.5px 12px;}
   .menu-head .navbar-toggler .navbar-toggler-icon{background-image: url(images/navbar-bg.png); width: 24px; height: 25px;}
   .navbar-default .navbar-toggler .icon-bar{background-color:#fff !important;}
   .navbar-default .navbar-toggler:focus, .navbar-default .navbar-toggler:hover{background:none;}
   .menu-head .navbar-collapse{border:none; box-shadow: none;}
   .menu-head .navbar-collapse.in ul{margin: 0; box-shadow: none; border: 1px solid #e5e5e5;}
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0; display: block; padding:0 0 10px}
   .menu-head .navbar-nav > li:before{display:none; text-transform: capitalize;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-bottom: 1px solid  #e5e5e5; background:#f5f5f5;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav > li > a{color: #000;}
   .menu-head .navbar-nav > li > a{border: 0; -webkit-border-radius: 0; border-radius: 0; border-radius: 0; padding: 10px 15px;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color: #fff; background:#29497a; -webkit-border-radius: 0; border-radius: 0; border-radius: 0;}
   .menu-head .navbar-nav > li > a::before{-webkit-border-radius: 0; border-radius: 0; bottom: -2px;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{padding: 5px 15px 5px 40px;}
   .menu-head .sub-menu{position: relative !important; background:#f5f5f5; top: 0 !important; margin:0 !important; left: 0 !important; display: block !important; height: auto !important; width: auto; opacity: 1; visibility: visible; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; border:0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 0 10px;}
   .menu-head .sub-menu > li > a{background:none !important; padding:5px 15px; width: auto;}
   .banner figure img{height: 400px; width: 100%; object-fit: cover; object-position: center center;}
   .banner figure figcaption{padding: 0 20px; bottom: 20px;}
   .banner figure figcaption h2{font-size: 18px; line-height: 40px;}
   .topics-news .owl-theme .owl-nav button{left: 25px;}
   .topics-news .owl-theme .owl-nav button.owl-next{right: 25px; left: inherit;}
   .latest-news h3{font-size:24px;}
   .latest-news h3 span::before{content: ""; display: inline-block; vertical-align: middle; margin: 0 0 0 -40px; height: 2px; left: 50%; position: absolute; width: 35px; bottom: 0;}
   .latest-news h3 span::after, .topics-news h3 span::after, .Serva-news h3 span:after{width: 35px;}
   .Serva-box.Serva-full figure{float: none; width: auto; margin: 0 0 15px;}
   .home-left{padding:0 15px;}
   .home-right{padding:0 15px;}
   .positivity-movement{padding: 50px 30px 200px;}
   .positivity-movement .btn{margin: 0 10px 10px;}
   .newsletter-sec{padding: 60px 30px 50px;}
   .newsletter-sec form input[type="text"]{padding: 6px 12px;}
   .newsletter-sec form .btn{position: relative; top: 0; right: 0; width: 100%;}
   .ft-bottom div{float: none !important; text-align: center;}
   .ft-bottom p{text-align: center;}
   .btn-main .btn{min-width: inherit; width:100%;}
	   
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
	
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
  
	
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1024px) { 
    
   .container{width:900px;}

}

/* Large Display */
@media (min-width: 1367px) {}