/* ------------------------------------ COMMON CSS STARTS --------------------------------*/

@font-face{
    font-family:'PoppinsLight';
    src:url('../fonts/poppins-light.woff2') format("woff2"),
        url('../fonts/poppins-light.woff') format("woff");
    font-weight:400;
    font-style:normal;
	font-display:swap;
}
@font-face{
    font-family:'PoppinsSemiBold';
    src:url('../fonts/poppins-semibold.woff2') format("woff2"),
        url('../fonts/poppins-semibold.woff') format("woff");
    font-weight:400;
    font-style:normal;
	font-display:swap;
}
@font-face{
    font-family:'PoppinsReg';
    src:url('../fonts/poppins-regular.woff2') format("woff2"),
        url('../fonts/poppins-regular.woff') format("woff");
    font-weight:400;
    font-style:normal;
	font-display:swap;
}
@font-face {
    font-family: 'OverPassBold';
    src: url('../fonts/overpass-bold.woff2') format('woff2'),
         url('../fonts/overpass-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

*{margin:0; padding:0; font-family:PoppinsLight, Arial, Helvetica, sans-serif; font-size:15px; color:#333; white-space:normal;}
ul, li{list-style:none;}
a, a:active, a:hover, a:focus, img, input, button, textarea{outline:0 none; text-decoration:none; border:0;}
select:focus{outline:none;}
table{border-collapse:collapse; vertical-align:top; width:100%;}
input, button{overflow:visible;}
button, input[type="submit"]{cursor:pointer;}
strong, b, b i{font-size:inherit; color:inherit; font-weight:normal;}
.hlt-txt{font-size:inherit; color:#f00;}
img{margin-left:auto; margin-right:auto;}
p a{font-size:inherit;}

.product-section .normal-view,.product-section .hover-view{transition:all .5s;}
header,a,a:hover,.banner-btn i,.banner-btn:hover i,.owl-theme + .owl-dots .owl-dots .owl-dot + span,.domain-container:before,.how-section .stats-bg{-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;}
.how-section .stats-bg:before{-webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -o-transition:all linear 0.3s; -ms-transition:all linear 0.3s; transition:all linear 0.3s;}
.showcase-container:after,.showcase-container:hover::after,.main-tab a:before,.domain-expert .special-container:after{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
a,a i,.mobile-view .mobile-menu,.mobile-menu .has-sub > a:after{transition:transform .5s cubic-bezier(.7,0,.3,1);}
.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}

#rc-imageselect,.g-recaptcha{-webkit-transform:scale(0.85);transform:scale(0.85);-webkit-transform-origin:0 0;transform-origin:0 0;}
.main-tab a:before{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
.main-tab a:hover:before,.main-tab a.select:before{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

.mobile-menu .has-sub.active > a:after{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.product-section .white:hover .normal-view{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);opacity:0;}
.product-section .hover-view{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0;}
.product-section .white:hover .hover-view{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}

/* css for preloader dotted start*/


/* ------------------------------------ COMMON CSS ENDS --------------------------------*/

.dropdown-menu,.how-section .stats-bg,.clients .item{-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
/*.how-section .stats-bg{box-shadow:0px 8px 16px 0px rgb(0 65 147 / 6%);}*/
.fixed,.breadcrumb{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.36);box-shadow:0 0 10px 0 rgba(0,0,0,0.36);}
.img-shadow,.about-container,.model-container,.features-container{box-shadow:0 4px 16px 0 rgb(0 0 0 / 12%);}

.fixed{animation-name:fadeInDown;animation-duration:0.25s;}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0);}to{opacity:1;transform:none;}}
.mobile-view .mobile-menu{transform:translateX(100%);}
.mobile-view .mobile-menu.open{transform:translateX(0);}

.showcase-title span:after,.product-box .showcase-title span:after{clip-path: polygon(0 0, 75% 100%, 50% 0);}
.author:before{clip-path: polygon(0 0, 0 100%, 100% 100%);}

header,.fixed,.web-view .fixed-nav,.mobile-view .mobile-menu,.web-view .social-fixed{position:fixed;}
header .container,section,.home-banner .fill,.carousel-container,.carousel-container .container,.main-tab a,.bullet01 li,.mobile-view .mobile-menu .menu-hdr,.mobile-menu .has-sub > a,.filter-categories a,.how-works + .owl-dots .owl-dot,.product-section .container,.domain-container,.dark-bg .address,.how-section .stats-bg,.product-section .white,.product-section .normal-view{position:relative;}
.carousel-container:before,.main-tab a:before,.bullet01 li i,.mobile-view .mobile-menu .menu-hdr .close-btn,.mobile-menu .has-sub > a:after,.how-works + .owl-dots .owl-dot:before,.domain-label,.domain-container:before,.carousel-text,.dark-bg .address i,.how-section .stats-bg:before,.product-section .normal-view:before,.product-section .hover-view,.product-section .hover-view:before{position:absolute;}

.carousel-container:before,.features-container li:before,.main-tab a:before,.how-works + .owl-dots .owl-dot:before,.domain-container:before,.how-section .stats-bg:before,.product-section .normal-view:before,.product-section .hover-view:before{content:'';}
.question:after{content:'\f067';}
.question.select:after{content:'\f068';}
.mobile-menu .has-sub > a:after{content:'\f138';}
.lab.la-facebook-f{content:'F';}
.lab.la-linkedin-in{content:'L';}
.lab.la-twitter{content:'T';}
.lab.la-instagram{content:'I';}

.mobile-view .mobile-menu{z-index:99;}
.web-view .social-fixed,.web-view .fixed-nav{z-index:8;}
header{z-index:5;}
.carousel-container .container{z-index:2;}
section.banner,.carousel-container:before,.product-section .normal-view{z-index:1;}
section:not(.banner,.web-view .fixed-nav){z-index:0;}
.how-section .stats-bg:before,.product-section .normal-view:before,.product-section .hover-view:before{z-index:-1;}

/* .carousel-container{top:450px;} */
.web-view .fixed-nav{top:calc(50% - 100px);}
.web-view .social-fixed{top:150px;}
.mobile-view .mobile-menu .menu-hdr .close-btn{top:10px;}
.banner-desc.bullet01 li i{top:5px;}
.dark-bg .address i{top:3px;}
.home-banner .fill,.carousel-container:before,.how-works + .owl-dots .owl-dot:before,.domain-container:before,.mobile-view .mobile-menu,.product-section .normal-view:before,.product-section .hover-view,.product-section .hover-view:before{top:0;}
.product-section .bullet01 li i{top:-1px;}

.web-view .fixed-nav{right:100px;}
.mobile-view .mobile-menu .menu-hdr .close-btn{right:10px;}
.home-banner .fill,.carousel-container:before,.domain-container:before{right:0;}

.carousel-text{bottom:30px;}
.domain-label,.carousel-container:before,.domain-container:before,.how-section .stats-bg:before{bottom:0;}

.how-works + .owl-dots .owl-dot:before{left:10%;}
.home-banner .fill,.carousel-container:before,.bullet01 li i,.domain-container:before,.web-view .social-fixed,.mobile-view .mobile-menu,.dark-bg .address i,.how-section .stats-bg:before,.product-section .normal-view:before,.product-section .hover-view,.product-section .hover-view:before{left:0;}

picture,.main-menu li i,.services-showcase .img-container,.mobile-view .cssmenu > ul li a,.web-view .fixed-nav a,.header .logo-white,.header.fixed .logo-black,.inner-page .header .logo-black{display:block;}
a,.logo,.small-info,.clients .owl-item-container,.portfolio .img-100,header .main-menu,.technology .img-80,footer .social-fixed li{display:inline-block;}
.banner-btn{display:inline-flex;}
.mobile-view .cssmenu ul ul,.header .logo-black,.header.fixed .logo-white,.inner-page .header .logo-white{display:none;}
.header-container,.product-showcase,#error-page{display:flex;}
.header-container,#error-page{align-items:center;display:-moz-box;-moz-box-align:center;}
.header-container{justify-content:space-between;}
#error-page{justify-content:center;}

.main-tab a:hover:before,.main-tab a.select:before,.main-tab a.select:hover:before{visibility:visible;}
.product-section .normal-view{backface-visibility: hidden;}

.dropdown-menu>li>a{white-space:nowrap;} 

header,.how-works + .owl-dots .owl-dot:before,.domain-label,.domain-container img,.mobile-view .mobile-menu,.how-section .stats-bg:before,.product-section .normal-view:before,.product-section .hover-view,.product-section .hover-view:before{width:100%;}
/* .g-recaptcha > div,.g-recaptcha iframe{width:100% !important;} */
.home-banner .fill{width:100vw;}
.req-demo-container{width:96%;}
.how-works + .owl-dots .owl-dot:before{width:80%;}
.req-demo-container .form-container .col-md-6{width:50%;}
.how-works + .owl-dots .owl-dot{width:calc(20% - 4px);}
.img-80{width:80px;}
.social-fixed a{width:40px;}
.web-view .fixed-nav a{width:16px;}

.owl-carousel .owl-item .item img{width:auto;}

.mobile-view .mobile-menu,.how-section .stats-bg:hover:before,.product-section .normal-view:before,.product-section .hover-view,.product-section .hover-view:before{height:100%;}
.home-banner .fill,#error-page{height:100vh;}
.mobile-view .menu-body{height:calc(100vh - 55px);}
.product-section .bullet01{height:230px;}
.technology-stack .col-md-2{height:180px;}
textarea.form-control{height:100px;}
.img-80{height:80px;}
.social-fixed a{height:40px;}
.web-view .fixed-nav a{height:16px;}
.how-works + .owl-dots .owl-dot:before{height:8px;}
.how-section .stats-bg:before{height:0;}

.home-banner .fill{object-fit:cover;}

.how-section .stats-bg,section,.product-section .bullet01{overflow:hidden;}
.no-scroll,.no-scroll > body{overflow-x:hidden;}
.mobile-view .menu-body{overflow-y:auto;}

.home-banner .banner-btn{margin-top:35px;}
.mt30,.filter-categories,.how-works.owl-theme +.owl-dots{margin-top:30px;}
.mt20,.model-container{margin-top:20px;}
.mobile-view .toggle-wrap{margin-top:10px;}
.breadcrumb-links{margin-top:5px;}
h1, h2, h3, h4, h5, h6,.news-events a.blog-title,.news-events .blog-container{margin-top:0;}

p i,.breadcrumb a i{margin-right:5px;}

.banner-btn i{margin-left:10px;}
.breadcrumb a i,.social-share a{margin-left:5px;}
.showcase-title span{margin-left:3px;}

.mb30,.main-tab,.filter-categories,.web-view .fixed-nav a{margin-bottom:30px;}
.mb20,.hlt-info,.product-section .about-container,.technology-stack .col-md-2,.number,.filter-container .col-md-2,.form-container .form-control,.form-container .form-select,.error,.success,.features-container,.features-container img,.how-section .stats-bg{margin-bottom:20px;}
.left-content picture,.right-content picture{margin-bottom:15px;}
.technology .img-80,.product-section .bullet01{margin-bottom:10px;}
.breadcrumb-links{margin-bottom:5px;}
.bullet01,.model-container p,.features-container p,.web-view .fixed-nav a:last-child,.mobile-view .mobile-menu .menu-hdr h3,.short-desc{margin-bottom:0;}

.req-demo-container{margin:20px auto;}
.main-menu .dropdown-menu{margin:0;}
.filter-categories a{margin:0 5px;}

section:not(.banner,.expert-container,.fixed-nav),.p5000{padding:50px 0;}
footer{padding:30px 0;}
header,.technology,.p2000{padding:20px 0;}
.p2030{padding:20px 30px;}
.p2015{padding:20px 15px;}
.p2010{padding:20px 10px;}
.p20,.about-container,.model-container,.features-container{padding:20px;}
.action-container/*,.home-banner .banner-desc*/{padding:15px;}
.mobile-view .mobile-menu .menu-hdr{padding:12px 15px;}
.mobile-view .cssmenu ul ul > li > a{padding:10px 30px;}
.mobile-view .cssmenu ul > li.has-sub > a{padding:10px 30px 10px 15px;}
.main-tab a,.mobile-view .cssmenu ul > li > a{padding:10px 15px;}
.p10,.inner-banner .banner-desc{padding:10px;}
.nav > li > a{padding:7px 15px;}
.publish-info{padding:5px 15px;}
.error,.success,.bullet02,.banner-btn,.breadcrumb{padding:5px 10px;}
.clients .item,.filter-container:not(.filter-container.home) img,.blog-grid th,.blog-grid td{padding:5px;}
.submit-btn{padding:0 50px;}
.banner-btn,.small-info,.filter-categories a,.inner-banner .banner-title{padding:0 20px;}
.facts-container [class*="col-"]{padding:0 10px;}

.inner-banner{padding-top:90px;}
.product-section .normal-view{padding-top:270px;}

.question{padding-right:40px;}

.features-container li{padding-left:40px;}
.banner-desc.bullet01 li{padding-left:30px;}
.product-section .bullet01 li{padding-left:27px;}
.dark-bg .address{padding-left:20px;}
.cssmenu ul,ul.bullet01{padding-left:0;}

.fancybox-skin,.expert-container .col-md-3{padding:0 !important;}

.mesh-loader,#error-page,.red-bg,.banner-btn:hover,.how-works + .owl-dots .owl-dot:before,.web-view .fixed-nav a:hover,.web-view .fixed-nav a.select,.mobile-view .mobile-menu .menu-hdr,.form-control option:hover,.dark-bg,.nav > li > a:hover,.nav > li > a.select,.filter-categories a:hover,.filter-categories a.select{background-color:#007bff;}
footer{background-color:#272727;}
.grey-bg,.filter-categories a{background-color:#eee;}
.light-red-bg{background-color:#ead9d9;}
.web-view .fixed-nav.dark a:hover,.web-view .fixed-nav.dark a.select,.web-view .fixed-nav.yellow-bg a:hover,.web-view .fixed-nav.yellow-bg a.select,.error-info .banner-btn:hover{background-color:#f9ab00;}
.white,.fixed,.banner-btn,.how-works + .owl-dots .owl-dot:hover:before,.how-works + .owl-dots .owl-dot.active:before,.technology .img-80,.mobile-view .mobile-menu{background-color:#fff;}
.share-fb{background-color:#3b5999;}
.share-linkedin{background-color:#007ab9;}
.share-twitter{background-color:#37a6de;}
.share-insta{background-color:#8a3293;}
.error{background-color:#f9e5e6;}
.success{background-color:#d5ffce;}
.how-section .stats01:hover:before{background-color:#28c6b8;}
.how-section .stats02:hover:before{background-color:#0574ff;}
.how-section .stats03:hover:before{background-color:#ff9600;}
.how-section .stats04:hover:before{background-color:#ff6c6c;}
.carousel-item:nth-child(1) .carousel-container:before{background-color:rgba(0,0,0,0.45);}
.carousel-item:nth-child(2) .carousel-container:before{background-color:rgba(0,0,0,0.36);}
.carousel-item:nth-child(3) .carousel-container:before{background-color:rgba(0,0,0,0.45);}
.carousel-item:nth-child(4) .carousel-container:before{background-color:rgba(0,0,0,0.54);}
.product-section .normal-view:before{background-color:rgba(0,0,0,.72);}
.product-section .hover-view:before{background-color:rgba(0,123,255,.81);}
.inner-banner .carousel-text{background-color: rgba(14,33,111,0.90);}

.home.home-banner .fill{background-image:url(../images/banner/home-banner.jpg);}
.action-container{background-image:url(../images/action-bg.png);}
.product-section .product01 .normal-view,.product-section .product01 .hover-view{background-image:url(http://localhost:8080/malaysia/html/assets/images/products/asset-management-system.webp);}
.product-section .product02 .normal-view,.product-section .product02 .hover-view{background-image:url(http://localhost:8080/malaysia/html/assets/images/products/dms.webp);}
.product-section .product03 .normal-view,.product-section .product03 .hover-view{background-image:url(../images/products/invoice-management-system.webp);}
.product-section .product04 .normal-view,.product-section .product04 .hover-view{background-image:url(../images/products/inventory-management-system.webp);}
.product-section .product05 .normal-view,.product-section .product05 .hover-view{background-image:url(../images/products/human-resource-management-system.webp);}
.product-section .product06 .normal-view,.product-section .product06 .hover-view{background-image:url(../images/products/contract-labour-management-system.webp);}
.product-section .product07 .normal-view,.product-section .product07 .hover-view{background-image:url(../images/products/visitor-management-system.webp);}

/* .home-banner .fill{background-size:cover;} */

/* .home-banner .fill{background-attachment:fixed;} */

.action-container{background-position:0 50%;}

/* .home-banner .fill, */.action-container{background-repeat:no-repeat;}

h1, h1 *, h2, h2 *,h3,h3 *, h4, h4 *,.nav > li > a,.banner-title,.banner-title span,.number,.number span,.hiring-container h5,.mobile-view .mobile-menu .menu-hdr h3,.breadcrumb *,.action-container h3,.features-container h5{font-family:OverPassBold; font-weight:normal;}
.banner-desc strong{font-family:PoppinsReg; font-weight:normal;}
.banner-btn{font-family:PoppinsSemiBold; font-weight:normal;}
.breadcrumb .breadcrumb-links a i,.mobile-menu .has-sub > a:after,.question:after{font-family:Line Awesome Free;font-weight:900;font-display:swap;}
label{font-weight:normal;}

.nav > li > a:not(.header.fixed .nav > li > a,.inner-page .nav > li > a),.nav > li > a:hover,.nav > li > a.select,.nav > li > a:hover > i,.nav > li > a.select > i,.header.fixed .nav > li > a:hover,.header.fixed .nav > li > a.select,.header.fixed .nav > li > a:hover > i,.header.fixed .nav > li > a.select > i,.banner-title,.banner-title span,.banner-desc,.banner-desc *,.banner-desc.bullet01 li i,.dark-bg *,.red-bg *,.filter-categories a:hover,.filter-categories a.select,.banner-btn:hover,.banner-btn:hover i,.dark-bg .banner-btn:hover,.submit-btn,.submit-btn:hover,.domain-label *,footer *,.social-fixed a i,.mobile-view .mobile-menu .menu-hdr *,.mobile-view .menu-hdr i,.error-info h1,.error-info p,.how-section .stats-bg:hover *,.product-section .normal-view *,.product-section .hover-view *,.mobile-view .toggle-wrap a i:not(.inner-page .mobile-view .toggle-wrap a i,.mobile-view .header.fixed .toggle-wrap a i){color:#fff;}
a,.header.fixed .nav > li > a,.dark-bg .banner-btn,.dark-bg .banner-btn *{color:#333;}
.model-container p{color:#000;}
.hiring-container h2,.bullet01 li i{color:#007bff;}
p a,.blog-detail li a,.blog-detail .blog-date-author a,.breadcrumb a,.bullet01 a,.bullet02 a{color:#06c;}

.product-section i{font-size:64px;}
.how-section h1{font-size:54px;}
.error-info h1,.number,.number span{font-size:48px;}
h2,.mobile-view .toggle-wrap a i,.mobile-view .menu-hdr i{font-size:40px;}
.domain-label h2{font-size:36px;}
.action-container h4, .action-container h4 a{font-size:32px;}
.bullet01 li i{font-size:24px;}
.banner-btn,.banner-btn i,.hiring-container h5,.how-section i,.hover-view h3{font-size:24px;}
.how-section p,.social-fixed a i,.banner-desc.bullet01 li i{font-size:20px;}
.how-works + .owl-dots .owl-dot,.short-desc,.technology .technology-name,.error-info p,.nav > li > a{font-size:18px;}
.home-banner .banner-desc,.home-banner .banner-desc span,.domain-label p{font-size:16px;}
.facts-container p,.product-section .bullet01 li{font-size:14px;}
.model-container p{font-size:13px;}

.how-works + .owl-dots .owl-dot:before,.social-fixed a,.owl-carousel.clients .owl-item .item,.filter-container .col-md-2,.inner-banner .carousel-text *,.how-works + .owl-dots{text-align:center;}
.model-container p,.features-container p{text-align:justify;}

.img-100, .img-80{border-radius:100%;}
.nav > li > a,.submit-btn{border-radius:45px;}
.filter-categories a{border-radius:24px;}
.about-container,.web-view .fixed-nav a{border-radius:10px;}
.filter-container:not(.filter-container.home) img,.how-section .stats-bg{border-radius:5px;}
.how-works + .owl-dots .owl-dot:before{border-radius:4px;}
.breadcrumb{border-radius:0;}

.how-section .stats-bg{border-bottom:3px solid;}
.red-bg .filter-categories{border-bottom:1px solid #fff;}
.mobile-view .cssmenu > ul li a{border-bottom:1px solid #ddd;}


.web-view .fixed-nav a,.banner-btn,.banner-btn:hover{border:2px solid #fff;}
.web-view .fixed-nav.dark a{border:2px solid #007bff;}
.clients .item,.filter-container:not(.filter-container.home) img{border:1px solid #ddd;}
.error{border:1px solid #df8f8f;}
.success{border:1px solid #9adf8f;}

.how-section .stats01{border-color:#28c6b8;}
.how-section .stats02{border-color:#0574ff;}
.how-section .stats03{border-color:#ff9600;}
.how-section .stats04{border-color:#ff6c6c;}

.fancybox-button svg path{fill:#fff;}

.portfolio .img-100{line-height:100px;}
.technology .img-80{line-height:80px;}
.banner-btn,.banner-btn i,.submit-btn{line-height:45px;}
.social-fixed a i{line-height:40px;}
.how-section p{line-height:36px;}
.home-banner .banner-desc,.filter-categories a,.error-info p,.number,.how-section p.short-desc{line-height:30px;}
p{line-height:24px;}
.facts-container p{line-height:20px;}

.how-works + .owl-dots .owl-dot{vertical-align:top;}
.how-section i{vertical-align:text-bottom;}


/* ------------------------------------- ERROR PAGE STARTS ------------------------------------------------- */
input[type="text"], textarea, select,.form-control{width:100%; border:1px solid #ddd;}
select.form-control{padding:3px 0;}

/* ------------------------------------- ERROR PAGE ENDS ------------------------------------------------- */
@media (min-width: 992px)
{
	
}
@media screen and (min-width:1200px)
{
	.web-view{display:block;}
	.mobile-view{display:none;}	
	.left-content picture,.left-content .text-container,.right-content picture,.right-content .text-container{display:inline-block;}
	
	.product-section .about-container{position:relative;}
	
	.inner-banner .carousel-text{left:20%;}
	
	.inner-banner .carousel-text{width:60%;}
	.home-banner .carousel-text{width:70%;}
	/*.product-section .bullet01 li{width:calc(50% - 2px);}*/
	.left-content .text-container,.right-content .text-container,.left-content picture,.right-content picture{width:calc(50% - 20px);}	
	
	.facts-container .p20{height:180px;}
	
	.model-container{min-height:465px;}
	.domain-expert .special-container{min-height:150px;}
	
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1200px;}
	
	.right-content picture{margin-right:15px;}
	
	.nav > li > a{margin-left:25px;}
	.left-content picture{margin-left:15px;}
	
	.product-section .bullet01 li{margin-bottom:12px;}
	
	.how-works + .owl-dots .owl-dot{padding:30px;}
	/*.banner-title span{padding:0 15px;}*/
	
	.banner-title span{font-size:48px;}
	.inner-banner .banner-title{font-size:36px;}
	/*.home-banner .banner-desc,.home-banner .banner-desc *{font-size:20px;}*/
}
@media screen and (max-width:1199px)
{
	.mobile-view,footer .container{display:block;}
	.web-view{display:none;}
	
	.carousel-text{width:calc(100% - 20px);padding:5px 10px;bottom:10px;}
	footer aside{max-width:49%;width:49%;display:inline-block;vertical-align:top;}
	.carousel-text{left:10px;}
	
	.banner-title span{line-height:30px;font-size:24px;padding:0 5px;}
	/* .banner-title span:first-child{padding-left:15px;} */
	/* .banner-title span:last-child{padding-right:15px;} */
	/*p.banner-desc,p.banner-desc *{line-height:18px;font-size:14px;margin-bottom:10px;}*/
	
	.inner-banner .banner-title{line-height:30px;font-size:24px;}
	.inner-banner .banner-desc{line-height:18px;font-size:12px;margin-bottom:0;}
	
	.breadcrumb .text-right{text-align:center !important;}
	.answer .text-right{text-align:left !important;}
	
	.how-section .col-md-3,.form-container{margin-bottom:20px;}
}

@media screen and (min-width:1281px) and (max-width:1400px)
{
	.web-view .fixed-nav{right:50px;}
	
	.inner-banner .banner-title,.banner-title span{font-size:36px;}
	/*.home-banner .banner-desc,.home-banner .banner-desc *{font-size:16px;line-height:24px;}*/
	
	.home-banner .banner-desc{padding:10px;}
}
@media screen and (min-width:1024px) and (max-width:1280px)
{
	.web-view .fixed-nav{right:20px;}
}
@media screen and (max-width:1023px)
{
	.container{max-width:96%;}
	.filter-container .col-md-2{width:33%;}
	
	.home-banner .carousel-text{margin-top:20%;}
	
	.product-section img,.facts-container .red-bg,.enquiry-section .white{margin-bottom:15px;}
	.filter-categories a{margin-bottom:10px;}
	
	section:not(.banner,.expert-container,.fixed-nav){padding:30px 0;}	
	.how-works + .owl-dots .owl-dot{padding:15px 10px;}
	.banner-title span,.home-banner .banner-desc,.banner-desc{padding:10px;}
	
	.bullet01 li{padding-left:30px;}
	
	.how-section h1{font-size:30px;}
	h2,.bullet01 li i,.domain-label h2{font-size:24px;}
	.how-section p,.product-section p,h5,.hiring-container h5{font-size:16px;}
	.how-works + .owl-dots .owl-dot{font-size:12px;}
	
	.product-section .bullet01 li{line-height:24px;margin-bottom:5px;}
	.how-section p,.product-section p,.home-banner .banner-desc,.banner-desc{line-height:24px;}
}
@media screen and (max-width:768px){	
	footer aside{max-width:100%;width:100%;display:inline-block;vertical-align:top;}
	.form-container.mobile .col-md-6{width:100%;}
	.inner-banner .banner-desc{display:none;}
}
@media screen and (max-width:480px){
	.filter-container .col-md-2{width:100%;}
	.how-works + .owl-dots .owl-dot{font-size:10px;}
}
.social-media{border-radius: 5px;}
.social-media:hover{border-radius:50px;}
.share-fb:hover{background-color: #004ae9;}
.share-linkedin:hover{background-color: #00a8ff;}
.share-twitter:hover{background-color: #000000;}
.share-insta:hover{background-color: #ba00cd;}
/* #scroll {
    position: fixed;
    right: 10px;
    bottom: 41px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #0092ff;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 1 !important;
} */
