.wsmenu body, .wsmenu h1, .wsmenu h2, .wsmenu h3, .wsmenu h4, .wsmenu h5, .wsmenu h6, .wsmenu html, .wsmenu iframe { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-weight: 400; font-size: 12px; line-height: 18px; font-family: Helvetica, sans-serif; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: antialiased; font-smooth: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; font-smooth: subpixel-antialiased }
.wsmenu .cl { clear: both }
.wsmenu img, embed, object, video { border: 0; max-width: 100% }
.wsmenu a:focus { outline: 0 }
.wsmenu:after, .wsmenu:before { content: ""; display: table }
.wsmenu:after { clear: both }
.headerfull { width: 100%; height: 90px; position: relative }
.smllogo { padding: 9px 0 0 16px; margin: 0; float: left; width: 15% }
.smllogo a { display: block; float: left; padding: 0 }
.wsmain { width: 100%; margin: 0 auto; padding: 0 25px; max-width: 100% }
.wsmenu { width: auto; float: right; font-family: Helvetica, sans-serif; color: #fff; font-size: 13px; padding: 0; display: block; margin: 0 }
.wsmenu>.wsmenu-list { text-align: left; margin: 0 auto; width: 100%; display: block; padding: 0 }
.wsmenu>.wsmenu-list>li { display: block; float: left; padding: 0; margin: 0 }
.wsmenu>.wsmenu-list>li>.navtext { line-height: 16px; text-align: right; padding: 37px 20px; margin: 0; background: border-box; border: none }
.wsmenu>.wsmenu-list>li>a { display: block; text-decoration: none; position: relative }
.wsmenu>.wsmenu-list>li:hover { background: #fff }
.wsmenu>.wsmenu-list>li:hover .navtext>span { color: #000 }
.wsmenu>.wsmenu-list>li>.navtext>span+span:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f078"; font-family: "font awesome 5 free"; font-weight: 900; font-size: 9px; line-height: 10px; margin-left: 0; position: relative; right: -7px; text-align: right; top: 1px; font: normal normal normal 12px/1 FontAwesome }
.wsmenu>.wsmenu-list>li>.navtext>span { display: block; font-size: 16px; text-align: left; white-space: nowrap; width: 100%; line-height: 16px; color: #fff; text-transform: uppercase }
.wsmenu>.wsmenu-list>li>.navtext>span+span { white-space: nowrap; font-size: 12px; font-weight: 700 }
.wsmenu>.wsmenu-list>li a:hover .arrow:after { border-top-color: #b3b3b3 }
.wsmenu>.wsmenu-list>li a.active .arrow:after { border-top-color: #b3b3b3 }
.wsmenu>.wsmenu-list>li:hover>a .arrow:after { border-top-color: #b3b3b3 }
.wsmenu>.wsmenu-list>li.wssearchbar { width: 40%; float: left; padding-left: 15px }
.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch { float: right; width: 100%; height: 42px; position: relative; margin: 9px 0 0 }
.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>.searchicon { -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s }
.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>input { width: 100%; position: relative; float: right; top: 0; right: 0; bottom: 0; border: 0; padding: 0; margin: 0; text-indent: 15px; font-size: 12px; height: 42px; z-index: 2; outline: 0; color: #7d7d7d; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>input:focus~.btnstyle { color: #fff; opacity: .9 }
.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>input:focus~.searchicon { opacity: 1; z-index: 3; color: #fff }
.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>.btnstyle { top: 0; position: absolute; right: 0; bottom: 0; width: 49px; line-height: 30px; z-index: 1; cursor: pointer; color: #fff; z-index: 1000; border: solid 0; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0 }
.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>.btnstyle>i { line-height: 38px; margin: 0; padding: 0; text-align: center; color: #9c9c9c }
.wsmenu>.wsmenu-list>li>ul.sub-menu { position: absolute; top: 60px; z-index: 1000; margin: 0; padding: 0; min-width: 190px; background-color: #fff; border: solid 1px #eee }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li { position: relative; margin: 0; padding: 0; display: block }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { background-image: none; color: #666; border-right: 0; text-align: left; display: block; line-height: 22px; padding: 8px 12px; text-transform: none; font-size: 13px; letter-spacing: normal; border-right: 0 solid }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover { text-decoration: none }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { margin-right: 9px; font-size: 14px }
.wsmenu>.wsmenu-list>li.wsshopmyaccount { float: right }
.wsmenu>.wsmenu-list>li.wsshopmyaccount>a { display: block; padding: 0 24px; line-height: 59px; text-decoration: none; position: relative }
.wsmenu>.wsmenu-list>.wsshopmyaccount>a i { display: inline-block; font-size: 13px; line-height: inherit; margin-right: 11px; vertical-align: middle }
.wsmenu>.wsmenu-list>li.wscarticon { float: right; clear: right }
.wsmenu>.wsmenu-list>li.wscarticon>a { display: block; color: #828181; padding: 0 26px 0 22px; line-height: 59px; text-decoration: none; position: relative }
.wsmenu>.wsmenu-list>li.wscarticon .hidetxt { display: none }
.wsmenu>.wsmenu-list>li.wscarticon a { padding: 0 27px 0 23px; text-align: center; border-left: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1) }
.wsmenu>.wsmenu-list>li.wscarticon a i { font-size: 16px }
.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { position: absolute; top: 14px; right: 21px; width: 17px; height: 17px; background-color: #da4b38; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 9px; text-align: center; font-style: normal; line-height: 16px; color: #fff }
.wsmenu>.wsmenu-list>li.wscarticon i { display: inline-block; font-size: 13px; line-height: inherit; margin-right: 2px; color: #7b7b7b }
.wsmenu>.wsmenu-list>li>.wsshoptabing { width: 100%; text-align: left; margin: 0; padding: 0; position: absolute; top: 90px; background-color: #f8f8f8; left: 0; border-bottom: solid 2px #376cb7; border-top: solid 0; z-index: 101 }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp { width: 100%; display: block; position: relative; background-color: #f5f5f5 }
.wsmenu>.wsmenu-list>li>.wsshoptabing.wtsdepartmentmenu { background: #fff; border-bottom: solid 1px #d1d3d4 }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem { display: block; margin: 0; padding: 0; font-size: 12px }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:after, .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:before { content: ""; display: table }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:after { clear: both }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li { width: 100%; list-style: none }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a { display: block; padding: 15px 11px; font-size: 13px; color: #606060; border-bottom: solid 1px #e5e5e5; width: 23%; float: left; position: relative; border-left: 3px solid #fff; background-color: #fff }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:hover a { text-decoration: none }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:hover>a { text-decoration: none }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a>i { color: #848484; margin-right: 5px; text-align: center; width: 24px; font-size: 16px }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wstitemright { opacity: 0; visibility: hidden; position: absolute; right: 0; top: 0; background-color: #f5f5f5; color: #000; display: block; float: left; padding: 10px 8px 0; width: 77%; min-height: 400px }
.wsmenu>.wsmenu-list>li:hover>.wsshoptabing>.wsshopwp>.wstabitem>li.wsshoplink-active>.wstitemright { opacity: 1; visibility: visible }
.carousel-caption { width: 100%; display: block; text-align: center; right: 0; left: 0; margin: 0; padding: 0; bottom: 0 }
.carousel-caption h3 { width: 100%; display: block; padding: 7px 0; background-color: rgba(0,0,0,.5) }
.wsmenu>.wsmenu-list>li .wstbootslider { float: right; margin-top: 8px }
.wsmenu>.wsmenu-list>li .wstmegamenucolr { display: block; float: right; margin-top: 8px }
.wsmenu>.wsmenu-list>li .wstheading { width: 100%; display: block; padding: 10px 0 6px; font-size: 14px; font-weight: 400; color: #000; margin-bottom: 5px; text-transform: uppercase }
.wsmenu>.wsmenu-list>li .wstliststy01 { padding: 0 0 8px; margin: 0 }
.wsmenu>.wsmenu-list>li .wstliststy01 li { width: 33.33%; float: left; line-height: 23px; font-size: 14px; list-style: none; padding: 0; margin: 0 }
.wsmenu>.wsmenu-list>li .wstliststy01 li a { color: #6e6e6e; font-size: 12px }
.wsmenu>.wsmenu-list>li .wstliststy01 li a:hover { color: #000; text-decoration: none }
.wsmenu>.wsmenu-list>li .wstliststy02 { padding: 5px 0 10px; margin: 0; text-align: left }
.wsmenu>.wsmenu-list>li .wstliststy02 li { width: 100%; list-style: none; line-height: 25px }
.wsmenu>.wsmenu-list>li .wstliststy02 li a { color: #6e6e6e; font-size: 12px }
.wsmenu>.wsmenu-list>li .wstliststy02 li a:hover { color: #000; text-decoration: none }
.wsmenu>.wsmenu-list>li .wstliststy02 li.wstheading { line-height: normal; padding-left: 0; margin-top: 0; text-transform: none }
.wsmenu>.wsmenu-list>li .wstliststy02 li a .wstcount { font-size: 10px; color: #adadad }
.wsmenu>.wsmenu-list>li .wstliststy06 li.wstheading { line-height: normal; padding-left: 0 }
.wsmenu>.wsmenu-list>li .wstliststy06 { padding: 0; margin: 0 }
.wsmenu>.wsmenu-list>li .wstliststy06 li { width: 100%; list-style: none; line-height: 24px }
.wsmenu>.wsmenu-list>li .wstliststy06 li a { color: #6e6e6e; font-size: 14px; display: inline-block; padding: 8px 0; text-decoration: none }
.wsmenu>.wsmenu-list>li .wstliststy06 li a:hover { color: #000; text-decoration: none }
.wsmenu>.wsmenu-list>li .wstliststy06 li.wstheading { line-height: normal }
.wsmenu>.wsmenu-list>li .wstliststy06 li a .wstcount { font-size: 10px; color: #adadad }
.wsmenu>.wsmenu-list>li .wstliststy03 { width: 100%; padding: 0 0 8px; margin: 0 }
.wsmenu>.wsmenu-list>li .wstliststy03 li { width: 33.33%; float: left; line-height: 23px; font-size: 14px; list-style: none; padding: 0; margin: 0 }
.wsmenu>.wsmenu-list>li .wstliststy03 li a { color: #6e6e6e; font-size: 12px }
.wsmenu>.wsmenu-list>li .wstliststy03 li a:hover { color: #000; text-decoration: none }
.wsmenu>.wsmenu-list>li .wstliststy04 { padding: 14px 0 0; margin: 0 }
.wsmenu>.wsmenu-list>li .wstliststy04 li { width: 100%; list-style: none; line-height: 22px }
.wsmenu>.wsmenu-list>li .wstliststy04 li a { color: #6e6e6e; font-size: 12px }
.wsmenu>.wsmenu-list>li .wstliststy04 li a:hover { color: #000; text-decoration: none }
.wsmenu>.wsmenu-list>li .wstliststy04 li.wstheading { line-height: normal; text-align: center; padding: 12px 0; font-size: 13px; margin-bottom: 12px }
.wsmenu>.wsmenu-list>li .wstliststy04 li a .wstcount { font-size: 10px; color: #adadad }
.wsmenu>.wsmenu-list>li .wstliststy05 { padding: 10px 0 0; margin: 0 }
.wsmenu>.wsmenu-list>li .wstmegamenucolr03 { padding-top: 10px; padding-left: 20px }
.wsmenu>.wsmenu-list>li .wstliststy05 li { width: 100%; list-style: none; line-height: 22px }
.wsmenu>.wsmenu-list>li .wstliststy05 li a { color: #6e6e6e; font-size: 12px }
.wsmenu>.wsmenu-list>li .wstliststy05 li a:hover { color: #000; text-decoration: none }
.wsmenu>.wsmenu-list>li .wstliststy05 li.wstheading { line-height: normal }
.wsmenu>.wsmenu-list>li .wstliststy05 li a .wstcount { font-size: 10px; color: #adadad }
.wsmenu>.wsmenu-list>li .wstmorebtn { border-radius: 2px; color: #9b9b9b; display: inline-block; float: right; font-size: 10px; font-weight: 400; letter-spacing: 0; padding: 1px 7px; text-align: right; text-transform: none }
.wsmenu>.wsmenu-list>li .wstmenutag { height: 18px; line-height: 18px; text-align: center; font-size: 11px; color: #fff; border-radius: 2px; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight: 400; padding: 1px 6px; margin-left: 6px; text-transform: none; letter-spacing: 0 }
.wsmenu>.wsmenu-list>li .wstmenutag:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 3px; content: ""; left: -6px; margin-top: 0; position: absolute; top: 4px; z-index: 1 }
.wsmenu>.wsmenu-list>li .wstpngsml { padding-left: 18px }
.wsmenu>.wsmenu-list>li .wstfullwtag { width: 100%; display: block; border-bottom: solid 1px #e5e5e5; background-color: #f5f5f5 }
.wsmenu>.wsmenu-list>li .wstbrandbottom { width: 100%; background-color: #fff; display: block; opacity: 0; position: absolute; right: 0; visibility: hidden; padding: 9px 6px }
.wsmenu-list>li:hover>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li.wsshoplink-active>.wstbrandbottom { opacity: 1; visibility: visible }
.wsmenu>.wsmenu-list>li .wstabitem02 { width: 100%; padding: 0; margin: 0; list-style: none; display: table }
.wsmenu>.wsmenu-list>li .wstabitem02>li { display: table-cell; list-style: outside none none; text-align: center }
.wsmenu>.wsmenu-list>li .wstabitem02>li>a { display: block; padding: 45px 0; font-size: 15px; color: #000; background-color: #fff; border-bottom: 1px solid #ddd; position: relative; text-transform: uppercase; border-right: 1px solid #ddd }
.wsmenu>.wsmenu-list>li .wstabitem02>li>a::last-child {
border-right:0
}
.wsmenu>.wsmenu-list>li .wstabitem02>.wsshoplink-active>a:after { position: absolute; content: ''; top: 107px; right: 0; left: 0; margin: 0 auto; width: 18px; height: 18px; transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; z-index: 100; background-color: #fff }
.wsmenu>.wsmenu-list>li .wstabitem02>li:hover a { text-decoration: none; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px }
.wsmenu>.wsmenu-list>li .wstabitem02>.wsshoplink-active>a { text-decoration: none; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background-color: #eee; color: #333; border-radius: 0 }
.wsmenu>.wsmenu-list>li .wstabitem02>.wsshoplink-active>a>i { opacity: 1 }
.wsmenu>.wsmenu-list>li .wstabitem02>li:hover a { text-decoration: none; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 0 }
.wsmenu>.wsmenu-list>li .wstabitem02>li>a i { margin-right: 5px; text-align: center; width: 25px; font-size: 17px; opacity: .5 }
.wsmenu>.wsmenu-list>li .brandcolor01 { color: #424242 }
.wsmenu>.wsmenu-list>li .brandcolor02 { color: #00bcf2 }
.wsmenu>.wsmenu-list>li .brandcolor03 { color: #00aff0 }
.wsmenu>.wsmenu-list>li .brandcolor04 { color: #003087 }
.wsmenu>.wsmenu-list>li .brandcolor05 { color: #a82400 }
.wsmenu>.wsmenu-list>li .brandcolor06 { color: #f30 }
.wsmenu>.wsmenu-list>li .brandcolor07 { color: #7ac142 }
.wsmenu>.wsmenu-list>li .brandcolor08 { color: #ef4056 }
.wsmenu>.wsmenu-list>li>.wsmegamenu { width: 100%; left: 0; position: absolute; top: 90px; color: #000; z-index: 1000; margin: 0; text-align: left; padding: 30px 5px; font-size: 15px; border: solid 1px #eee; background-color: #fff; min-height: 480px }
.wsmenu>.wsmenu-list>li>.wsmegamenu .title { border-bottom: 1px solid #ccc; font-size: 14px; padding: 9px 5px 9px 0; font-size: 17px; color: #424242; margin: 0 0 7px; text-align: left; height: 39px }
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li { display: block; text-align: center; white-space: nowrap; text-align: left }
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a { line-height: 18px; border-right: none; text-align: left; padding: 6px 0; background: #fff; background-image: none; color: #666; border-right: 0; display: block; background-color: #fff; color: #424242 }
.wsmenu>.wsmenu-list>li>.wsmegamenu li i { margin-right: 5px; text-align: center; width: 18px }
.wsmenu>.wsmenu-list>li>.wsmegamenu li a:hover { background: 0 0 }
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li i { font-size: 11px }
.wsmenu>.wsmenu-list>li>.wsmegamenu li i { margin-right: 5px; text-align: center; width: 18px }
.wsmenu>.wsmenu-list>li>.wsmegamenu .mrgtop { margin-top: 15px }
.wsmenu>.wsmenu-list>li>.wsmegamenu .show-grid div { padding-bottom: 10px; padding-top: 10px; background-color: #dbdbdb; border: 1px solid #e7e7e7; color: #6a6a6a; margin: 2px 0; font-size: 13px }
.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { width: 100%; right: 0; left: 0 }
.wsmenu>.wsmenu-list>li>.wsmegamenu.halfdiv { width: 35%; right: 0; left: auto }
.wsmobileheader { display: none }
.overlapblackbg { opacity: 0; visibility: hidden }
.wsmenu .wsmenu-click { display: none }
.wsmenu .wsmenu-click02 { display: none }
.wsmenu .wsmenu-click03 { display: none }
.hometext { display: none }
.hire_resources_weblist li { width: 50%; float: left; list-style: none; margin-bottom: 20px }
.hire_resources_weblist li { position: relative; padding-left: 20px }
.hire_resources_weblist li a { font-size: 14px; color: #2d2d2d; border-left: none }
.wsmenu>.wsmenu-list>li .wstheading::after, .wsmenu>.wsmenu-list>li .wstheading::before { display: none }
.hire_resources_weblist li::before { content: ""; position: absolute; top: 4px; left: -2px; width: 12px; height: 12px; border: 2px solid #5f5f5f; border-radius: 50% }
.hire_resources_weblist li::after { content: ""; position: absolute; left: 3px; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #5f5f5f }
.gamemenu_weblist li { width: 33.33%; float: left }
.companymenu_weblist li { width: 33.33%; float: left }
.ready_touse_weblist li { width: 25%; float: left }
.services_inner_weblist li { width: 100%; float: left; text-align: left; margin-bottom: 5px }
.ecommerce_inner_weblist li { width: 50%; float: left; text-align: left }
.asborder_rightmaint a { border-left: 1px solid #ddd }
.navtext i.fa.fa-phone { transform: rotate(90deg) }
	
.our-work-section h3 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 45px;
}
.our-work-box {
    position: relative;
}
.our-work-box img {
    width: 100%;
    border-radius: 10px;
}
.our-work-box-content {
    position: absolute;
    bottom: 8px;
    background-image: linear-gradient(to right, #3857fc, #4951fc, #584bfb, #6544fa, #723bf9);
    width: 100%;
    padding: 20px 15px;
    border-radius: 10px;
    opacity: 0.9;
}
.our-work-box a {
    display: block;
}
.our-work-box-content h4, .our-work-box-content h5 {
    font-size: 28px;
    color: #FFF;
    margin: 0;
    text-transform: uppercase;
}
.our-work-box-content h5 {
    font-size: 25px;
    font-weight: 500;
    margin-top: 10px;
}
.our-work-box-content i {
    position: absolute;
    right: 20px;
    top: 40px;
}
.our-work-box-content i img {
    width: auto;
}



.game-btn-box {
    background-image: linear-gradient(to right, #3857fc, #4951fc, #584bfb, #6544fa, #723bf9);
    width: 100%;
    padding: 20px 15px;
    border-radius: 10px;
    margin-top: 70px;
    position: relative;
}
.game-btn-box a {
    display: block;
}

.game-btn-box span {
    background-color: #FFF;
    display: inline-block;
    padding: 10px;
    height: 100px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
    position: absolute;
    top: -50px;
    left: 20px;
    border: 1px solid #eee;
}
.game-btn-box h4 {
    color: #FFF;
    font-size: 25px;
    margin: 20px;
    display: flex;
    justify-content: flex-end;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.game-btn-box h4 i{
    margin-left: 15px;
}

@media only screen and (max-width:1369px) {
.smllogo { padding: 20px 0 0; width: 12% }
.wsmenu>.wsmenu-list>li>.navtext { padding: 37px 12px }
.wsmenu>.wsmenu-list>li>.navtext>span { font-size: 12px }
}
@media only screen and (max-width:1166px) {
html { overflow: hidden; height: 100%; -webkit-overflow-scrolling: touch }
body { height: 100%; overflow-y: auto; overflow-x: hidden }
body.wsactive { overflow: hidden; background: #4d4f5a }
.smllogo { display: none }
.wsmain { margin: 0; background-color: transparent }
.wsmenu { width: 100%; background: transparent none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0; border-left: none }
.wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 260px; background: #4d4f5a; padding-bottom: 0; margin-left: -260px; display: block; text-align: center; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; position: static }
.wsmenu>.wsmenu-list>li { width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit }
@supports(-webkit-overflow-scrolling:touch) {
.wsmenu>.wsmenu-list>li:last-child {
padding-bottom:110px
}
}
.wsmenu>.wsmenu-list>li>a { padding: 9px 32px 9px 18px; font-size: 14px; text-align: left; border-right: solid 0; background-color: transparent; color: #c7c7c7; line-height: 25px; border-bottom: 1px solid #575757; position: static }
.wsmenu>.wsmenu-list>li>.navtext { padding-left: 18px }
.wsmenu>.wsmenu-list>li.wscarticon a { padding-left: 18px }
.wsmenu>.wsmenu-list>li.wsshopmyaccount>a { padding-left: 18px }
.wsmenu>.wsmenu-list>li>a>i { font-size: 16px; color: #bfbfbf }
.wsmenu>.wsmenu-list>li.wscarticon a i { margin-right: 7px; font-size: 15px }
.wsmenu>.wsmenu-list>li>a .wsarrow:after { display: none }
.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { display: inline-block; right: auto; left: 27px }
.wsmenu>.wsmenu-list>li:hover>a { background-color: #393b48; text-decoration: none }
.wsmenu>.wsmenu-list>li>a>.hometext { display: inline-block }
.wsmenu>.wsmenu-list>li.wscarticon .hidetxt { display: inline-block }
.wsmenu>.wsmenu-list>li.wssearchbar { display: none }
.wsmenu>.wsmenu-list>li.wscarticon { float: none }
.wsmenu>.wsmenu-list>li.wsshopmyaccount { float: none }
.wsmenu>.wsmenu-list>li.wscarticon a { text-align: left; font-size: 13px }
.wsmenu>.wsmenu-list>li>ul.sub-menu { display: none; position: relative; top: 0; background-color: #fff; border-bottom: solid 1px #ccc; padding: 0; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 13px 0 13px 16px; color: #6e6e6e; border-bottom: solid 1px rgba(0,0,0,.13) }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a { padding-right: 30px }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666; text-decoration: underline }
.wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a { background-color: #e7e7e7; color: #666 }
.wsmenu>.wsmenu-list>li>.wsmegamenu { background-color: #fff; padding-top: 5px; color: #666; display: none; position: relative; top: 0; padding: 8px 0; border: solid 0; opacity: 1; visibility: visible; transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none; border-bottom: 1px solid rgba(0,0,0,.13); -webkit-transform-style: flat }
.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { width: 100% }
.wstabitem02>.wsshoplink-active>a:after { display: none }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li { position: relative }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a { width: 100%; margin: 0; float: none; font-size: 12px; padding: 14px 11px; font-weight: 700 }
.wsmenu>.wsmenu-list>li .wstheading { font-weight: 400; padding-left: 0; padding-right: 0 }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wstitemright { width: 100%; position: static; top: 0; min-height: inherit; padding: 10px 0; opacity: 1; visibility: visible; display: none; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.13) }
.wsmenu>.wsmenu-list>li .wstbootslider { width: auto }
.wsmenu>.wsmenu-list>li .wstmegamenucolr { width: auto }
.wsmenu>.wsmenu-list>li .wstliststy01>li { width: 100%; padding: 0; margin: 0 }
.wsmenu>.wsmenu-list>li .wstliststy02 { width: 100%; padding: 0; margin: 0 0 15px }
.wsmenu>.wsmenu-list>li .wstliststy03 li { width: 100% }
.wsmenu>.wsmenu-list>li .wstliststy05 { width: 100%; padding: 0; margin-bottom: 10px }
.wsmenu>.wsmenu-list>li .kitchenmenuimg { background-image: none }
.wsmenu>.wsmenu-list>li .computermenubg { background-image: none }
.wsmenu>.wsmenu-list>li .wstbrandbottom { width: 100%; position: static; top: 0; min-height: inherit; padding: 10px 5px 15px; opacity: 1; visibility: visible; display: none; border-bottom: 1px solid rgba(0,0,0,.13) }
.wsmenu>.wsmenu-list>li .wstabitem02 { display: block }
.wsmenu>.wsmenu-list>li .wstabitem02>li { position: relative; text-align: left; display: block }
.wsmenu>.wsmenu-list>li .wstabitem02>li>a { padding: 13px 11px; font-size: 13px; color: #000; text-transform: capitalize }
.wsmenu>.wsmenu-list>li .wstabitem02>li>a { background-color: #fff }
.wsmenu>.wsmenu-list>li .wstheading { padding-left: 0 }
.wsmenu-list>li>.navtext { margin: 0 }
.wsmenu .wsmenu-list>li .wsshoptabingwp { background-color: #fff; padding-left: 0; padding-right: 0 }
.wsmenu>.wsmenu-list>li>.wsshoptabing { background-color: #fff; color: #666; display: none; position: relative; top: 0; padding: 0; border: solid 0; opacity: 1; visibility: visible; transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none; -webkit-transform-style: flat }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem { width: 100%; background-color: #fff }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a:after { border: none }
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a i { display: none }
.wsmobileheader { width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 10002; height: 60px; background-color: #eaecf0; text-align: center; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; box-shadow: 0 0 1px rgba(0,0,0,.3) }
.wsactive .wsmobileheader { margin-left: 260px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsmobileheader>.smllogo { display: block; width: 120px; margin: 7px auto 0; float: none; padding-left: 0 }
.mobiletext { display: inline-block }
.wsmobileheader .header_callicon_mobile { background-color: transparent; z-index: 1000; position: absolute; top: 0; right: 0; cursor: pointer }
.wsmobileheader .wssearch i { font-size: 18px; color: #9196a0 }
.wsmobileheader .wssearchform { display: none; position: absolute; width: 100%; height: 50px; line-height: 44px; top: 0; left: 0; padding: 13px 15px; cursor: default }
.wsmobileheader .wssearch.wsopensearch { width: 100%; background-color: #000 }
.wsmobileheader .wssearch.wsopensearch .wssearchform { display: block }
.wsmobileheader .wssearchform form { width: calc((100% - 10px) - 45px); display: block; position: relative }
.wsmobileheader .wssearchform form:before { content: "\f002"; font-family: "font awesome 5 free"; font-weight: 900; left: 12px; position: absolute; top: 0; color: #777; height: 34px; line-height: 36px; font-size: 15px }
.wsmobileheader .wssearchform input { width: 100%; height: 34px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 0; text-indent: 33px; margin: 0; line-height: 18px; padding: 0; display: block }
.wsmobileheader .wssearch.wsopensearch { left: 0; right: auto; width: 100%; height: 60px }
.wsmobileheader .wssearch i.wsclosesearch { display: none }
.wsmobileheader .wssearch.wsopensearch i.wsclosesearch { display: inline-block; float: right; font-size: 23px }
.wsmobileheader .wssearch.wsopensearch i.wsopensearch { display: none }
.wsanimated-arrow { position: absolute; left: 0; top: 0; z-index: 102; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.wsanimated-arrow { cursor: pointer; padding: 16px 35px 16px 0; margin: 12px 0 0 15px }
.wsanimated-arrow span, .wsanimated-arrow span:after, .wsanimated-arrow span:before { cursor: pointer; height: 2px; width: 17px; background: #000; position: absolute; display: block; content: '' }
.wsanimated-arrow span:before { top: -7px; width: 23px }
.wsanimated-arrow span:after { bottom: -7px; width: 17px }
.wsanimated-arrow span, .wsanimated-arrow span:after, .wsanimated-arrow span:before { transition: all .5s ease-in-out }
.wsactive .wsanimated-arrow span:after { width: 23px }
.wsactive .wsanimated-arrow span { background-color: transparent }
.wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { top: 7px }
.wsactive .wsanimated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0 }
.wsactive .wsanimated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.wsmenu>.overlapblackbg { right: 0; width: calc(100% - 260px); height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0,0,0,.45); cursor: pointer }
.wsactive .wsmenu>.overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; -ms-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out }
.wsmenucontainer { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsactive .wsmenucontainer { margin-left: 260px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsactive .wsmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 1000; top: 0 }
.wsactive .wsmenu>.wsmenu-list { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-left: 0 }
.wsmenu>.wsmenu-list>li>.wsmenu-click { cursor: pointer; display: block; height: 60px; position: absolute; right: 0; top: 0; width: 49px; z-index: 10 }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 23px 21px 0 0 }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(255,251,251,.77); transition: .2s ease; display: block; transform-origin: 100% 0 }
.wsmenu>.wsmenu-list>li>.wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 27px }
.wsmenu .wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wsmenu-click02 { border-left: 1px solid #f3f3f3; cursor: pointer; display: block; height: 45px; position: absolute; right: 0; top: 0; width: 49px; z-index: 10; background-color: #f5f5f5 }
.wsmenu .wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wsmenu-click02 i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 17px 21px 0 0 }
.wsmenu .wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wsmenu-click02 i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(0,0,0,.4); transition: .2s ease; display: block; transform-origin: 100% 0 }
.wsmenu .wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wsmenu-click02.ws-activearrow02>i { transform: rotate(-45deg); margin-top: 21px }
.wsmenu .wsmenu-list>li>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li>.wsmenu-click03 { border-left: 1px solid #f3f3f3; cursor: pointer; display: block; height: 52px; position: absolute; right: 0; top: 0; width: 49px; z-index: 10; background-color: #f3f3f3 }
.wsmenu .wsmenu-list>li>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li>.wsmenu-click03 i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 17px 21px 0 0 }
.wsmenu .wsmenu-list>li>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li>.wsmenu-click03 i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(0,0,0,.4); transition: .2s ease; display: block; transform-origin: 100% 0 }
.wsmenu .wsmenu-list>li>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li>.wsmenu-click03.ws-activearrow03>i { transform: rotate(-45deg); margin-top: 21px }
.wsmenu>.wsmenu-list>li>.navtext>span { color: #dedede }
.wsmenu>.wsmenu-list>li>.navtext { padding: 20px 10px }
.wsmenu>.wsmenu-list>li>.navtext { text-align: left }
.gamemenu_weblist li { width: 100%; float: left }
.companymenu_weblist li { width: 100%; float: left }
.ready_touse_weblist li { width: 100%; float: left }
.services_inner_weblist li { width: 100%; float: left }
.ecommerce_inner_weblist li { width: 100%; float: left }
.hire_resources_weblist li { padding-left: 0; width: 100% }
.hire_resources_weblist li::after { display: none }
.hire_resources_weblist li::before { display: none }
.smllogo { padding: 3px 0 }
.main_admobile_none { display: none!important }
.wstbrandbottom { height: 250px!important; overflow: auto }
.wsmegamenu { height: 250px!important; overflow: auto }
.quote_headerbtnmain { margin-top: 0!important; padding: 20px 10px }
.wsbr_samnone { height: auto!important }
.wsmenu>.wsmenu-list>li:hover .navtext>span { color: #fff }
.headerfull { height: auto }
.hire_resources_weblist li a { color: #757575 }
}
@media only screen and (min-width:992px) and (max-width:1262px) {
.wsmenu>.wsmenu-list>li.wssearchbar { width: 21% }
}
.wsmenu>.wsmenu-list>li>ul.sub-menu { opacity: 0; visibility: hidden; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg) }
.wsmenu>.wsmenu-list>li:hover>ul.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0) }
.wsmenu>.wsmenu-list>li>.wsmegamenu { opacity: 0; visibility: hidden; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg) }
.wsmenu>.wsmenu-list>li:hover>.wsmegamenu { opacity: 1; visibility: visible; transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0) }
.wsmenu-list>li>.wsshoptabing { opacity: 0; visibility: hidden; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg) }
.wsmenu-list>li:hover .wsshoptabing { opacity: 1; visibility: visible; transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0) }
.wsmenu>.wsmenu-list>li>ul.sub-menu { opacity: 0; visibility: hidden; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg) }
.wsmenu>.wsmenu-list>li:hover>ul.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0) }
.wsmenu>.wsmenu-list>li>.wsmegamenu { opacity: 0; visibility: hidden; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg) }
.wsmenu>.wsmenu-list>li:hover>.wsmegamenu { opacity: 1; visibility: visible; transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0) }
.wsmenu-list>li>.wsshoptabing { opacity: 0; visibility: hidden; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg) }
.wsmenu-list>li:hover .wsshoptabing { opacity: 1; visibility: visible; transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0) }/*!* Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/
.fa, .fab, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 }
.fa-envelope:before { content: "\f0e0" }
.fa-envelope-open-text:before { content: "\f658" }
.fa-facebook-f:before { content: "\f39e" }
.fa-linkedin-in:before { content: "\f0e1" }
.fa-phone:before { content: "\f095" }
.fa-pinterest-p:before { content: "\f231" }
.fa-search:before { content: "\f002" }
.fa-skype:before { content: "\f17e" }
.fa-slideshare:before { content: "\f1e7" }
.fa-twitter:before { content: "\f099" }
.fa-vk:before { content: "\f189" }
.fa-whatsapp-square:before { content: "\f40c" }
.fa-youtube:before { content: "\f167" }
@font-face { font-family: "font awesome 5 brands"; font-style: normal; font-weight: 400; font-display: block; src: url(../eot/fa-brands-405.eot); src: url(../eot/fa-brands-400d41d-6.eot#iefix) format("embedded-opentype"), url(../woff2/fa-brands-405.woff2) format("woff2"), url(../woff/fa-brands-405.woff) format("woff"), url(../ttf/fa-brands-405.ttf) format("truetype"), url(../svg/fa-brands-405.svg#fontawesome) format("svg") }
.fab { font-family: "font awesome 5 brands" }
@font-face { font-family: "font awesome 5 free"; font-style: normal; font-weight: 400; font-display: block; src: url(../eot/fa-regular-405.eot); src: url(../eot/fa-regular-400d41d-6.eot#iefix) format("embedded-opentype"), url(../woff2/fa-regular-405.woff2) format("woff2"), url(../woff/fa-regular-405.woff) format("woff"), url(../ttf/fa-regular-405.ttf) format("truetype"), url(../svg/fa-regular-405.svg#fontawesome) format("svg") }
.fab, .far { font-weight: 400 }
@font-face { font-family: "font awesome 5 free"; font-style: normal; font-weight: 900; font-display: block; src: url(../eot/fa-solid-905.eot); src: url(../eot/fa-solid-900d41d-6.eot#iefix) format("embedded-opentype"), url(../woff2/fa-solid-905.woff2) format("woff2"), url(../woff/fa-solid-905.woff) format("woff"), url(../ttf/fa-solid-905.ttf) format("truetype"), url(../svg/fa-solid-905.svg#fontawesome) format("svg") }
.fa, .far, .fas { font-family: "font awesome 5 free" }
.fa, .fas { font-weight: 900 }
.fa-angle-double-right:before { content: "\f101" }
.fa-clock:before { content: "\f017" }
.fa-user-cog:before { content: "\f4fe" }
.fa-headset:before { content: "\f590" }
.fa-gamepad:before { content: "\f11b" }
.fa-lightbulb:before { content: "\f0eb" }
.fa-search:before { content: "\f002" }
.fa-file-signature:before { content: "\f573" }
.fa-headset::before { content: "\f590" }
.fa-comment-dots::before { content: "\f4ad" }
.fa-user-friends:before { content: "\f500" }
.fa-file-signature:before { content: "\f573" }
.fa-check-double:before { content: "\f560" }
.fa-tty:before { content: "\f1e4" }
.fa-chess-board:before { content: "\f43c" }
.fa-algolia:before { content: "\f36c" }
.fa-file-signature:before { content: "\f573" }
.fa-phone-square-alt:before { content: "\f87b" }
.fa-edit:before { content: "\f044" }
.fa-ad:before { content: "\f641" }
.fa-bullhorn:before { content: "\f0a1" }
.fa-sort-numeric-down:before { content: "\f162" }
.fa-band-aid:before { content: "\f462" }
.fa-tools:before { content: "\f7d9" }
.fa-user-tie:before { content: "\f508" }
.fa-tasks:before { content: "\f0ae" }
.fa-shield-alt:before { content: "\f3ed" }
.fa-mobile-alt::before { content: "" }
.fa-chart-pie:before { content: "\f200" }
.fa-transgender-alt:before { content: "\f225" }
.fa-microchip:before { content: "\f2db" }
.fa-user-secret:before { content: "\f21b" }
.fa-angle-double-right:before { content: "\f101" }
.fa-angle-double-left:before { content: "\f100" }
.fa-file-invoice-dollar:before { content: "\f571" }
.fa-handshake:before { content: "\f2b5" }
.fa-brain::before { content: "\f5dc" }
.fa-pencil-ruler::before { content: "\f5ae" }
.fa-cog::before { content: "\f013" }
.fa-rocket:before { content: "\f135" }
.fa-thumbs-up:before { content: "\f164" }
.fa-globe::before { content: "\f0ac" }
.fa-smile:before { content: "\f118" }
.fa-users:before { content: "\f0c0" }
.fa-laptop-code::before { content: "\f5fc" }
.fa-file-alt:before { content: "\f15c" }
.fa-mobile:before{content:"\f10b"}
footer, header, nav, section, title { display: block }
body { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 26px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #404040; font-weight: 500 }
h1, h2, h3, input, li, p, textarea, ul { margin: 0; padding: 0 }
img { border: 0 }
* { box-sizing: border-box }
ul { list-style: none }
:focus, a:active, a:focus, a:hover, input, select:focus { outline: 0; text-decoration: none }
a { color: #0075cc; transition: all .2s ease-in-out 0s; cursor: pointer; text-decoration: none }
a:hover { transition: all .2s ease-in-out 0s; color: #000 }
p { margin-bottom: 20px; font-size: 15px; line-height: 24px; text-align: justify }
img { max-width: 100% }
:focus, a:active, a:focus, a:hover, input, select:focus { outline: 0; text-decoration: none; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.clearfix:after, .clearfix:before { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
a:focus { outline: 0!important }
h2 { font-size: 28px; padding-bottom: 28px; line-height: 34px }
a.quote_headerbtnmain { background: #ef323a!important; border-radius: 5px; color: #fff; display: block; font-size: 15px; font-weight: 400; line-height: 34px!important; padding: 0 15px!important }
a.quote_headerbtnmain:hover { background: #4e3d9e!important }
.btn_quoteanbr_ms { margin-top: 25px!important }
.main-container { position: relative }
header { position: fixed; left: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,.2); z-index: 99; background: #2147ca; background: -moz-linear-gradient(left, #2147ca 1%, #893c91 100%); background: -webkit-linear-gradient(left, #2147ca 1%, #893c91 100%); background: linear-gradient(to right, #2147ca 1%, #893c91 100%) }
.container { width: 100%; margin: 0 auto; max-width: 1170px; padding-left: 15px; padding-right: 15px }
.new-section-area { padding: 40px 0; float: left; width: 100% }
.new-main-hedding { text-align: center; color: #404040 }
.new-main-hedding h2 { font-size: 28px; line-height: 34px }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-5 { float: left; padding-left: 15px; padding-right: 15px; position: relative }
.row { margin-right: -15px; margin-left: -15px; float: left; width: 100% }
.col-sm-1 { width: 8.33333333% }
.col-sm-2 { width: 16.66666667% }
.col-sm-3 { width: 25% }
.col-sm-4 { width: 33.33333333% }
.col-sm-5 { width: 41.66666667% }
.col-sm-6 { width: 50% }
.col-sm-7 { width: 58.33333333% }
.col-sm-8 { width: 66.66666667% }
.col-sm-9 { width: 75% }
.col-sm-10 { width: 83.33333333% }
.col-sm-11 { width: 91.66666667% }
.col-sm-12 { width: 100% }
.col-5 { width: 20% }
.text-left { text-align: left!important }
.text-right { text-align: right!important }
.text-center { text-align: center!important }
.common-btn { display: inline-block; color: #028ff9; background: #fff; padding: 10px 36px; font-size: 15px; border-radius: 6px; text-transform: uppercase; border: 2px solid #028ff9; cursor: pointer }
.common-btn:hover { color: #fff; background: #028ff9; border: 2px solid #028ff9 }
.graybg { background: #f6f6f6 }
.footer-area { float: left; width: 100%; background: #1d1d29 }
.footer-area h2 { color: #d5d5d7; font-size: 18px; font-weight: 400; padding-bottom: 20px }
.footer-nav { float: left; width: 100% }
.footer-nav ul li { float: left; width: 100% }
.footer-nav ul li a { color: #7f7f82; font-size: 14px; line-height: 38px }
.footer-nav ul li a:hover { color: #fff }
.footer-blog-area ul>li { display: inline-block; margin-top: 10px; padding-bottom: 10px; width: 100% }
.footer-blog-area .icon_box { width: 63px; margin-right: 15px; float: left }
.footer-blog-area .icon_box .top { background: #d5d5d7; color: #1d1d29; padding: 2px 20px; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 17px; font-weight: 500 }
.footer-blog-area .icon_box .bott { background: #e52e2f; color: #fff; padding: 1px 16px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-size: 15px }
.footer-blog-area .right_text { float: right; width: calc(100% - 78px) }
.footer-blog-area .right_text a { color: #c8c8c8; line-height: 22px; font-size: 13px; padding: 3px 0 0; display: block }
.footer-socila-icon { float: left; width: 100% }
.footer-socila-icon ul { float: left; width: 100%; margin-bottom: 30px }
.footer-socila-icon ul li { float: left; margin-left: 12px }
.footer-socila-icon ul li:first-child { margin-left: 0 }
.footer-socila-icon ul li a { background: #b1c0d7; width: 31px; height: 31px; display: inline-block; text-align: center; color: #1d1d29; line-height: 31px; font-size: 18px }
.footer-socila-icon ul li a:hover { color: #fff }
.footer-socila-icon ul li.facebook a:hover { background: #597ac7 }
.footer-socila-icon ul li.twitter a:hover { background: #58c8f0 }
.footer-socila-icon ul li.youtube a:hover { background: #fd3832 }
.footer-socila-icon ul li.linkedin a:hover { background: #0776b3 }
.footer-socila-icon ul li.pinterest a:hover { background: #ca161c }
.footer-socila-icon ul li.vk a:hover { background: #01c0ea }
.footer-socila-icon ul li.slideshare a:hover { background: #0776b3 }
.submit-btn { background: #e52e2f; border: 0; border-radius: 2px; color: #fff; font-size: 16px; padding: 13px 20px; text-align: center }
.hiring-area { float: left; width: 100% }
.hiring-area h2 { padding-bottom: 10px }
.br_ourportfolio_mainblk.footerprotfolio { float: left; width: 100%; margin-top: 20px }
.our_protfolio_towbtns { display: inline-flex; border-radius: 45px; background-image: linear-gradient(-161deg, #fd1c1c 0, #b00a26 100%); box-shadow: 0 2.99px 15px 0 rgba(50,20,29,.5); width: 370px; max-width: 100%; height: 90px; color: #fff; font-size: 18px; font-weight: 300; align-items: center; padding: 0 15px; margin-bottom: 10px; transition: ease-in-out .6s; background-color: #ffe614 }
.br_ourportfolio_mainblk i { flex: 0 0 auto; background: #f78f1e; background: -moz-linear-gradient(top, #f78f1e 0, #f8921e 100%); background: -webkit-linear-gradient(top, #f78f1e 0, #f8921e 100%); background: linear-gradient(to bottom, #f78f1e 0, #f8921e 100%); border-radius: 50%; width: 61px; height: 61px; padding: 2px; margin-right: 13px; position: relative; box-sizing: border-box; text-align: center; line-height: 56px; font-size: 26px }
span.br_ourportfolio_left { text-align: left }
span.br_ourmail_getxet { display: block; font-size: 18px; font-weight: 600 }
.dna_lofoo { background: #111119; padding: 10px 0; text-align: center; float: left; width: 100% }
.dna_lofoo a { color: #fff; font-size: 11px; text-transform: uppercase; display: inline-block; margin: 0 5px; vertical-align: middle }
.dna_lofoo .copyright { background: #040204; line-height: 15px; padding: 3px 5px }
.dna_lofoo a span { color: #6466fc }
.footer-top-area { float: left; width: 100% }
.enquiry-area { float: left; width: 100%; background: #f1f1f7; margin-bottom: 60px }
.enquiry-area ul li { float: left; width: 25% }
.enquiry-area ul li a { padding: 15px; display: inline-block; color: #404040 }
.enquiry-area ul li a i { color: #e52e2f; margin-right: 5px; font-size: 18px; vertical-align: middle }
.enquiry-area ul li a i.fa.fa-phone { transform: rotate(90deg) }
.enquiry-area ul li a:hover { color: gray }
.enquiry-area ul li.enquire-btn a { background: #1d1d29; color: #fff!important; text-transform: uppercase; font-size: 18px; display: block; text-align: center }
.enquiry-area ul li.enquire-btn a:hover { background: #ef323a }
.enquiry-area ul li i.fab.fa-skype { font-size: 22px!important }
.enquiry-area ul li.enquire-btn a i { margin-right: 0; margin-left: 10px; color: #fff; font-size: 24px }
.certified-area { float: left; width: 100%; margin-top: 20px }
.certified-area li { float: left; margin-left: 14px }
.certified-area li:first-child { margin-left: 0 }
.bottom-address-area { float: left; width: 100% }
button { cursor: pointer }
.wsmenu>.wsmenu-list>li.call-menu { position: relative }
.wsmenu>.wsmenu-list>li.call-menu ul { position: absolute; right: 0; width: 250px; background: #fff; color: #333; border-radius: 5px; top: 86px; display: none; border: 1px solid #ddd; border-top: none }
.wsmenu>.wsmenu-list>li.call-menu ul li { border-bottom: 1px solid #ddd; display: block }
.wsmenu>.wsmenu-list>li.call-menu ul li a { padding: 10px 15px; display: block; color: #333 }
.wsmenu>.wsmenu-list>li.hover_none:hover i { color: #333 }
li.btn_quoteanbr_ms.hover_none { background: 0 0!important }
.wsmenu>.wsmenu-list>li.call-menu:hover ul { display: block }
.wsmenu>.wsmenu-list>li.call-menu ul li a:hover, .wsmenu>.wsmenu-list>li.call-menu ul li a:hover i { color: #4285f4 }
.wsmenu>.wsmenu-list>li.call-menu ul li a i { font-size: 22px; vertical-align: middle; margin-right: 10px }
.wsmenu>.wsmenu-list>li.call-menu ul li a i.fa.fa-phone { font-size: 14px; transform: rotate(90deg) }
.wsmenu>.wsmenu-list>li.call-menu ul li:last-child { border-bottom: none }
.inner-main-section { padding-top: 90px }
.float-area { float: left; width: 100% }
.banner_bottom-hedding { background: #f4f4f4; padding: 20px 0 }
.game-left-text p { margin-bottom: 15px }
.getauote_area { background: #f4f4f4 none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 10px; padding: 20px; margin-bottom: 20px }
.getauote_area .forminput { background: #fff; border: 1px solid #cfcfcf; height: 49px; width: 100%; padding-left: 10px; color: #333; font-size: 14px }
.getauote_area .form-group { margin-bottom: 5px }
.getauote_area .first_call { float: left; width: 20% }
.getauote_area .second_call { float: right; width: 78% }
.getquat .ph_code { float: left; width: 15%!important }
.getquat .ph_no { float: right!important; width: 80%!important }
p.help-block.help-block-error { font-size: 12px; color: red; line-height: 14px }
.getauote_area textarea.forminput { background: #fff; border: 1px solid #cfcfcf; height: 133px; width: 100%; padding-left: 10px; color: #333; padding-top: 5px }
.getauote_area input.send_button { background: #b11d12; border-radius: 4px; display: block; text-transform: uppercase; border: 0; padding: 14px 5px; width: 100%; color: #fff; font-size: 18px; margin-top: 15px; cursor: pointer }
.getauote_area input.send_button:hover { background: #214df5 }
.getauote_area h3 { color: #4f3e9a; font-size: 30px; text-align: center; padding-top: 0; margin-bottom: 20px }
.blue-gradiant-bg2 .new-main-hedding { color: #fff }
ul.checkli { display: inline-block; width: 100% }
ul.checkli li { margin-bottom: 15px }
ul.checkli li { padding-left: 30px }
.our-location-area h2 { padding-bottom: 26px; font-size: 24px }
.location-box { padding: 15px; min-height: 198px; color: #fff; border-radius: 5px; position: relative; overflow: hidden; background: #67449e }
.location-box:after { position: absolute; width: 85px; height: 85px; background: rgba(255,255,255,.1); right: -20px; bottom: -20px; content: ""; border-radius: 100% }
.location-box p { text-align: left; font-size: 14px;  white-space: initial; }
.full-widthh{width:50% !important; float:left;}
.location-box h3 { position: relative; padding-bottom: 25px }
.location-box h3:before { position: absolute; left: 0; bottom: 15px; width: 50px; height: 1px; background: #fff; content: "" }
.orange-box { background: #ff8400 }
.darkblue-box { background: #2c2267 }
.purpal-box { background: #8715a4 }
.blue-gradiant-bg2 { background: #2e5cfd; background: -moz-linear-gradient(left, #2e5cfd 0, #7639f9 100%); background: -webkit-linear-gradient(left, #2e5cfd 0, #7639f9 100%); background: linear-gradient(to right, #2e5cfd 0, #7639f9 100%); color: #fff }
.new-main-hedding p { text-align: center }
.new-main-hedding h2 { padding-bottom: 10px }
ul.checkli li { position: relative; background: 0 0 }
ul.checkli li:before { position: absolute; content: "\f058"; font-size: 16px; left: 0; top: 0; font-family: "font awesome 5 free"; border: 0; color: #000 }
.new-main-hedding { margin-bottom: 20px }
.submit-btn { background: #a62dc0; font-size: 16px; padding: 5px 10px; border-radius: 4px }
.submit-btn { background: #a62dc0; font-size: 16px; padding: 12px 30px; border-radius: 4px; font-weight: 700; cursor: pointer }
.submit-btn:hover { background: #2958ff }
section.ready-use-banne-area { float: left; width: 100% }
.banner_ratio { position: relative; display: block }
.banner_ratio:before { content: ''; display: block; width: 100%; padding-bottom: 42%; background: 0 0 }
.banner_ratio_content { display: flex!important }
.banner_ratio_content { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.align-items-center { align-items: center!important; display: flex }
.banner_left_content h1 { font-size: 36px; line-height: 40px; margin-bottom: 20px; color: #fff; text-transform: uppercase }
.banner-right-col { padding-top: 35px }
.banner-right-col img { float: right }
.banner-bg { background: #013797; background: -moz-linear-gradient(left, #013797 0%, #2f74ff 100%); background: -webkit-linear-gradient(left, #013797 0%, #2f74ff 100%); background: linear-gradient(to right, #013797 0%, #2f74ff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#013797', endColorstr='#2f74ff', GradientType=1 );
color: #fff }
.banner_bottom-hedding { background: #f4f4f4; padding: 20px 0 }
.banner_bottom-hedding h2 { padding: 0; font-size: 28px; color: #373737 }
.banner_bottom-hedding h1 { padding: 0; font-size: 32px; color: #373737 }
.box-content ul { background: #fff; padding: 30px 20px; border-radius: 10px; border: 1px dashed #bdd3e4 }
.box-content ul li { position: relative; padding-left: 40px; color: #404040 }
.box-content ul li:before { content: ''; position: absolute; left: 0; top: 15px; width: 0; height: 0; border: 10px solid transparent; border-top-color: red }
.box-content ul li:after { content: ''; position: absolute; left: 0; top: -5px; width: 0; height: 0; border: 10px solid transparent; border-top-color: red; transform: rotate(180deg) }
.box-content ul li:last-child p:last-child { margin-bottom: 0 }
.color-box-text { display: table; background: #fff; width: 100%; vertical-align: middle; line-height: 20px; height: 70px; color: #404040; border-radius: 4px; border-left: 4px solid #cc052e; padding: 0 20px; margin-bottom: 30px; font-size: 16px }
.color-box-text span { display: table-cell; vertical-align: middle }
.darkgray-border { border-left: 4px solid #495261!important }
.blue-border { border-left: 4px solid #3584cd!important }
.yellow-border { border-left: 4px solid #efaa2e!important }
.green-border { border-left: 4px solid #289c57!important }
.red-border { border-left: 4px solid #f82457!important }
.darkpurpal-border { border-left: 4px solid #8d3c8f!important }
.lightblue-border { border-left: 4px solid #9773ff!important }
.cta-box { background: #fff; text-align: center; color: #515151; padding: 20px 15px; border-radius: 5px; min-height: 385px }
.round-icon { background: #fff; color: #2b6cf3; height: 120px; width: 120px; display: inline-block; line-height: 100px; font-size: 50px; border-radius: 100%; margin-bottom: 15px; border: 10px solid rgba(0,0,0,.1); overflow: hidden }
.cta-box h3 { text-align: center; margin-bottom: 10px; font-size: 18px }
.cta-box p { text-align: center }
.hire-web-designer-area .cta-box { background: #dce2fd; min-height: 248px }
.hire-web-designer-area .round-icon { border: 10px solid #c9d0f7 }
.blue-gradiant-bg2 .cta-box { background: #4715e4; color: #fff; margin-bottom: 30px }
.blue-gradiant-bg2 .round-icon { border: 10px solid #723bf9 }
.common-whychooseus .cta-box { margin-bottom: 30px; min-height: 240px; background: #fff }
.common-whychooseus { background: #dce2fd }
.game-left-text h3 { margin-bottom: 5px }
.caption_con { padding: 0 15px }
.graybg-none .color-box-text { background: #ebebeb }
.half-li li { float: left; width: 50% }
.android-whychooseus .cta-box { min-height: 385px }
.call-to-action { background: #2147ca; background: -moz-linear-gradient(left, #2147ca 0%, #e7325d 100%); background: -webkit-linear-gradient(left, #2147ca 0%, #e7325d 100%); background: linear-gradient(to right, #2147ca 0%, #e7325d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2147ca', endColorstr='#e7325d', GradientType=1 );
color: #fff; text-align: center; padding: 30px 0 }
.call-to-action h3 { display: inline-block; font-size: 26px; font-weight: 400; margin-right: 30px; vertical-align: middle; text-align: left }
.call-to-action .common-btn { color: #a9397f; font-size: 18px; border-radius: 4px; border: 2px solid #fff }
.call-to-action .common-btn:hover { color: #fff }
.Latestblogcta_area { background: #fff; border: 1px solid #e9e9e9; text-align: left }
.Latestblogcta_img { background: #fff; margin-bottom: 10px; min-height: 145px; overflow: hidden; position: relative }
.Latestblogcta_img img { width: 100% }
.Latestblogcta_text { padding: 15px }
.Latestblogcta_text h3 { font-size: 20px; margin-bottom: 15px }
.Latestblogcta_text p { font-weight: 400; line-height: 22px }
.blue-gradiant-bg2 a { color: #fff; text-decoration: underline; font-weight: 700 }
.caption_con p { text-align: left }
.pull-right { float: right }
.pull-left { float: left }
.scroll-box-area .row+.row { width: 100% }
.divices_user { background: #2570ec; background: -moz-linear-gradient(left, #2570ec 0%, #08468b 100%); background: -webkit-linear-gradient(left, #2570ec 0%, #08468b 100%); background: linear-gradient(to right, #2570ec 0%, #08468b 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2570ec', endColorstr='#08468b', GradientType=1 );
color: #fff }
.divices_user h2, .divices_user p { color: #fff }
.artificial-intelligence-services-box .cta-box { min-height: 460px }
.tools-frameworks-box ul { min-height: 520px }
.faq-box { float: left; width: 100%; background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #e4e4e4; padding-left: 75px; position: relative; margin-bottom: 30px }
.faq-box:before { position: absolute; left: 20px; top: 25px; content: "\f059"; font-family: "font awesome 5 free"; color: #d4d6d5; font-weight: 700; font-size: 32px }
.faq-box h3 { color: #1b52b9; font-weight: 600; margin-bottom: 6px; font-size: 18px; line-height: 26px }
.faq-box p:last-child { margin-bottom: 0 }
.text-left { text-align: left!important }
.fa-gamepad::before { content: "\f11b" }
.fa-lightbulb::before { content: "\f0eb" }
.faq-box { float: left; width: 100%; background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #e4e4e4; padding-left: 75px; position: relative; margin-bottom: 30px }
.faq-box:before { position: absolute; left: 20px; top: 25px; content: "\f059"; font-family: "font awesome 5 free"; color: #d4d6d5; font-weight: 700; font-size: 32px }
.faq-box h3 { color: #1b52b9; font-weight: 600; margin-bottom: 6px; font-size: 18px; line-height: 26px }
.faq-box p:last-child { margin-bottom: 0 }
.common-whychooseus p { width: 100%; display: inline-block; text-align: center }
.row { width: 100%; float: left }
.about-content-box { padding: 15px; background: #764cb7; border-radius: 5px; color: #fff; min-height: 133px; margin-bottom: 30px }
.about-content-box h3 { margin-bottom: 5px }
.about-content-box p { text-align: center; margin-bottom: 0 }
.blue-box { background: #3264f5 }
.green-box { background: #2bb165 }
.orange-box { background: #ff8400 }
.pink-box { background: #ff5669 }
.about-box-area .col-sm-4 { display: inline-block; float: none; vertical-align: top; width: 33% }
.testimonial-box { text-align: center }
.img-box { display: inline-block; width: 100px; height: 100px; border: 3px solid #fff; border-radius: 100%; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,.1) }
.testimonial-box h3 { color: #e01747; margin-top: 10px; font-size: 18px; margin-bottom: 10px }
.testimonial-box p { text-align: center }
.testimonial-box p { text-align: center }
.award-certificates-area { background: #3d1f17; color: #fff }
.award-certificates-area .new-main-hedding { color: #ffab52 }
.softech_awrd_bg { background: #952c0f; border-radius: 5px; margin-top: -8px; min-height: 78px; padding: 15px; position: relative; padding-bottom: 5px; width: 100%; color: #ffab52 }
.competent-experts-banner .banner-right-col { padding-top: 12% }
.invastor-box .about-content-box { min-height: 1px }
.various-technology-area { display: inline-block; width: 100%; text-align: center }
.various-technology-area ul { display: inline-block; width: 100% }
.various-technology-area ul li { display: inline-block; width: 16% }
.various-technology-area ul li p { text-align: center }
.various-technology-area ul li img { width: 90px }
.inner-banner-area { position: relative }
.banner-ratio-area { display: block; position: relative }
.banner-ratio-area:before { content: ""; padding-top: 26.8%; display: block }
.banner-ratio-content { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
.bannertext_area { color: #fff; left: 0; margin: auto; position: absolute; text-align: left; top: 25%; width: 100%; text-shadow: 1px 1px 1px #000 }
.bannertext_area h1 { font-size: 48px; margin-bottom: 20px; text-shadow: 1px 1px 1px #000; line-height: 55px }
.banner-ratio-content img { width: 100% }
img.img_br_left { float: left; margin-right: 50px; margin-bottom: 20px }
img.small-img { display: none }
.box-content-img { background: #f2f7ff }
.box-content-img ul { background: #fff; padding: 25px 15px; border-radius: 10px; border: 1px dashed #bdd3e4 }
.box-content-img ul li { position: relative; padding-left: 62px }
.box-content-img ul li img { position: absolute; left: 0; top: 0; max-width: 45px }
.box-content-img ul li h3 { font-weight: 400; font-size: 21px; margin-bottom: 5px }
.testimonial-box h3 span { display: block; font-size: 14px; color: #404040; line-height: 18px }
.infrastructure-banner .banner-right-col { padding-top: 12% }
.client-testimonial-logo { display: inline-block; width: 100%; text-align: center }
.client-testimonial-logo ul { display: inline-block; width: 100% }
.client-testimonial-logo ul li { display: inline-block; vertical-align: top; margin-bottom: 20px }
.client-testimonial-hedding { text-align: center }
.client-testimonial-hedding p { text-align: center; font-size: 18px; margin-bottom: 0 }
.client-testimonial-hedding h2 { padding-bottom: 15px; border-bottom: 1px solid #3e9a85; margin-bottom: 2px; margin-top: 16px }
.video-thumb { margin-bottom: 25px }
.center-box { text-align: center }
.center-box .col-sm-3, .center-box .col-sm-4 { display: inline-block; width: 24.5%; float: none; vertical-align: top }
.mlm-call-to-action h3 { text-align: center; margin: 0; margin-bottom: 10px; display: block }
.mlm-call-to-action h3 span { margin-top: 10px; display: block; font-size: 16px }
.client-testimonials-banner .banner-right-col { padding-top: 12% }
.box-content ul li h4 { margin-top: 0; margin-bottom: 10px }
.br-softech-content-box ul { min-height: 445px; margin-bottom: 30px }
.partner-banner .banner-right-col { padding-top: 10% }
.project-communication-strategy-box ul { min-height: 970px }
.project-communication-whychooseus .cta-box { min-height: 288px }
.project-communication-strategy-banner .banner-right-col { padding-top: 14% }
.value-for-money-banner .banner-right-col { padding-top: 15% }
.business-engagement-top-box .about-content-box { min-height: 90px }
.check-content { width: 100%; display: inline-block }
.check-content span { width: 100%; display: inline-block; position: relative; padding-left: 25px }
.check-content span:before { position: absolute; left: 0; top: 0; content: "\f00c"; font-family: "font awesome 5 free"; font-weight: 900; font-size: 12px }
.business-engagement-content-box ul { min-height: 370px; margin-bottom: 30px }
.business-engagement-content-box .check-content { margin-bottom: 10px }
.business-engagement-model-banner .banner-right-col { padding-top: 12% }
.nda-hedding h1 { float: left; margin-top: 5px }
.nda-hedding .nda_btn { float: right }
.nda-hedding .nda_btn img { float: right }
.career-left-nav { float: left; width: 92% }
.career-left-nav ul li { float: left; width: 100%; margin-bottom: 7px }
.career-left-nav ul li a { display: block; color: #fff; background: #2b72ff; padding: 15px 20px; font-size: 18px; position: relative }
.career-left-nav ul li a i { margin-right: 0; font-size: 22px; vertical-align: top; width: 30px }
.career-left-nav ul li a:after { width: 0; height: 0; border-top: 28px solid transparent; border-left: 30px solid #2b72ff; border-bottom: 28px solid transparent; position: absolute; right: -30px; top: 0; content: ""; text-align: center }
.career-left-nav ul li a:hover { opacity: .7 }
.post-resume-form { float: left; width: 100%; background: #e9e9e9 }
.post-resume-form h3 { display: block; background: #0ca2d7; color: #fff; padding: 15px 20px; font-weight: 400 }
.post-resume-form ul li { margin-bottom: 16px }
.post-resume-form ul li label { font-weight: 700; font-size: 14px; display: block }
.form-control { background: #fff; border: 1px solid #cfcfcf; height: 42px; width: 100%; padding-left: 10px; color: #333; font-size: 14px }
.post-resume-form ul { padding: 20px }
textarea.form-control { height: 100px }
.submit-button { background: #b11d12; border-radius: 4px; display: block; text-transform: uppercase; border: 0; padding: 14px 5px; width: 100%; color: #fff; font-size: 18px; margin-top: 15px; cursor: pointer }
.resume-right-hedding-section { background: #2b72ff; color: #fff; padding: 15px; margin-bottom: 20px }
.resume-right-hedding-section h3 { float: left }
.resume-right-hedding-section h3 i { font-size: 22px; vertical-align: middle; margin-right: 10px }
.resume-right-hedding-section span.year-text { float: right; font-style: italic }
.resume-right-content ul { float: left; width: 100%; padding-left: 20px }
.resume-right-content ul li { float: left; width: 100%; list-style-type: disc; margin-bottom: 5px }
.resume-right-content { margin-bottom: 30px }
.career-top-box { text-align: center }
.career-top-box-area { float: left; width: 100% }
.career-top-box { text-align: center; color: #404040; padding: 20px 0; border-radius: 4px }
.profile-slider { text-align: center; position: absolute; left: 0; top: 0; width: 100% }
.profile-slider-ratio { display: block; position: relative }
.profile-slider-ratio:before { display: block; padding-top: 76%; content: ""; display: block }
.profile-slider .owl-nav { position: absolute; left: 0; width: 100%; top: 48%; color: #6d6d6d; font-size: 40px }
.profile-slider .owl-nav button.owl-next { right: -70px; position: absolute; top: 0 }
.profile-slider .owl-nav button.owl-prev { left: -70px; position: absolute; top: 0 }
.map-area img { float: left; width: 100% }
.contact-detail-area { background: #e6e9f9 }
.contact-detail-box { margin-bottom: 30px; border: 1px solid #bfc9ff; text-align: center; min-height: 260px }
.contact-detail-box p { text-align: center; margin-bottom: 0 }
.contact-detail-box ul li.contact-detail-icon i { font-size: 40px; border: 1px solid #333; padding: 12px; border-radius: 5px; margin-bottom: 10px }
.contact-detail-box h3 { font-size: 16px; background: #c6cfff; padding: 8px 10px }
.contact-detail-box ul { padding: 20px }
.contact-form { border: 1px solid #bfc9ff; background: 0 0 }
.contact-form h3 { display: block; background: #c6cfff; color: #404040; padding: 8px 20px; font-weight: 700; font-size: 16px }
.red { color: red }
.contact-form label { font-weight: 400!important }
.contact-form ul li { margin-bottom: 5px }
.modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 999999 }
.modal:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(0,0,0,.5); content: "" }
.modal-body { position: absolute; left: 0; right: 0; top: 25%; bottom: 0; margin: auto; width: 1000px }
.searchinput input[type=text] { border: none; border-bottom: 1px solid #ddd; width: 94%; font-size: 15px; padding: 10px 15px; height: 64px; float: left; background: 0 0; color: #fff; display: none }
button.close { position: absolute; top: 20px; right: 20px; background: 0 0; border: none; color: #fff; font-size: 38px }
.gsib_a input[type=text] { display: block!important; height: auto!important }
.searchinput input[type=text] { border: none; border-bottom: 1px solid #ddd; width: 94%; font-size: 15px; padding: 10px 15px; height: 64px; float: left; background: 0 0; color: #fff; display: none }
.gsib_a input[type=text] { display: block; height: 56px!important; padding: 0 5px!important; color: #000!important }
table.gsc-search-box td { vertical-align: middle }
.gsib_a { padding: 5px 9px 4px }
.gsc-search-button-v2, .gsc-search-button-v2:focus, .gsc-search-button-v2:hover { border-color: #923c99; background-color: #c78dcc; background-image: none; filter: none }
.gsc-search-button-v2:focus, .gsc-search-button-v2:hover { border-color: #923c99; background-color: #c78dcc; background-image: none; filter: none }
.gsc-search-button-v2 { font-size: 0; padding: 26px 27px; width: auto; vertical-align: middle; border: 1px solid #923c99; border-radius: 2px; border-color: #923c99; background-color: #c78dcc; background-image: linear-gradient(top, #c284c8, #c78dcc) }
.gsib_a input[type=text] { display: block; height: 36px!important; padding: 0 5px!important; color: #000!important }
.gsc-search-button .gsc-search-button-v2 { height: 46px }
.gsc-results-wrapper-overlay { top: 80% }
.gsc-results-wrapper-visible { top: 270px }
.gsc-modal-background-image { bacground: none!important }
.searchinput { margin-top: 80px }
.gsc-control-cse { border-color: #f9f5ff; background-color: #f9f5ff }
.gsc-control-cse { font-family: arial, sans-serif }
.gsc-control-wrapper-cse { width: 100% }
form.gsc-search-box { font-size: 13px; margin-top: 0; margin-right: 0; margin-bottom: 4px; margin-left: 0; width: 100% }
table.gsc-search-box { border-style: none; border-width: 0; width: 100%; margin-bottom: 2px }
.gsc-control-cse { border-color: #f9f5ff; background-color: #f9f5ff; position: absolute; left: 20px; right: 20px; top: 40%; bottom: auto; margin: auto }
.quality-assurance-banner .banner-right-col { padding-top: 14% }
.none-height .cta-box { min-height: 1px }
.startups-banner .banner-right-col { padding-top: 12% }
.we-assure-area { background: #0e9dae; background: -moz-linear-gradient(left, #0e9dae 0%, #fec16e 100%); background: -webkit-linear-gradient(left, #0e9dae 0%, #fec16e 100%); background: linear-gradient(to right, #0e9dae 0%, #fec16e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9dae', endColorstr='#fec16e', GradientType=1 )
}
.we-assure-area .container { max-width: 100%; padding: 0 5px }
.we-assure-area ul li { background: rgba(255,255,255,.5); text-align: center; width: 9.4%; float: left; margin: 5px .3%; height: 150px; position: relative }
.we-assure-area ul li img { position: absolute; left: 0; right: 0; margin: auto; top: 30px }
.we-assure-area ul li h3 { color: #404040; position: absolute; left: 0; width: 100%; bottom: 15px; font-size: 14px }
.we-assure-area ul li a { display: block; width: 100%; height: 100% }
.top-pricing-box p strong { display: block; font-size: 22px; padding: 10px 0 }
.pricing-box-small { background: #fff; border: 1px solid; font-size: 22px; line-height: 40px; text-align: center }
.pricing-box-small h3 { background: #eee; font-size: 16px }
.orange { color: #ff6e1c }
.teal { color: #0898a1 }
.dark-red { color: #b41b15 }
.purple { color: #ac00c6 }
.pricing-box-area { margin-top: 20px; margin-bottom: 50px }
.fte_rate_box { background: #fff; border: 2px solid #7ca942; font-size: 16px; line-height: 45px; padding-left: 15px; position: relative; font-weight: 700; color: #7ca942; margin-bottom: 20px }
.fte_rate_box span { background: #7ca942; color: #fff; display: inline-block; font-weight: 700; line-height: 46px; margin-left: 55px; padding: 0 15px; position: absolute; width: 60%; font-size: 20px; right: 0; text-align: center }
.maintenance-content h3 { margin-bottom: 10px }
.testimonial_box { border: 1px solid; margin-bottom: 25px; text-align: center; min-height: 270px }
.testimonial_box h3 { border-bottom: 1px solid; font-size: 25px; font-weight: 300; padding: 15px 0; margin-bottom: 15px }
.in_box { padding: 0 15px; min-height: 120px }
.in_box p { text-align: center; color: #404040 }
.testimonial_box .view-btn { display: inline-block; padding: 8px 20px; border: 1px solid; border-radius: 2px; font-size: 18px }
.green a.view-btn, .green { color: #7ca942 }
.orange a.view-btn { color: #ff6e1c }
a.view-btn:hover { background: #0075cc; color: #fff }
.pricing-structure-banner .banner-right-col { padding-top: 9% }
.quote-form-area .form-group { float: left; width: 100%; margin-bottom: 10px }
.quote-form-area .form-group label { font-weight: 700; display: block; font-size: 12px }
span.file-input { display: inline-block; width: 100%; border: 1px solid #cfcfcf; padding: 7px 15px }
.fixed-time-banner .banner-right-col { padding-top: 10% }
.sitemap-box { float: left; width: 100%; background: #f6f6f6; padding: 15px; border-radius: 5px; margin-bottom: 30px }
.sitemap-box ul { float: left; width: 100%; padding-left: 20px; margin-bottom: 15px }
.sitemap-box ul li { float: left; width: 33%; list-style-type: disc }
.sitemap-box ul li a { color: #404040 }
.sitemap-box ul li a:hover { color: #118de8 }
.sitemap-box h2 { font-size: 22px; padding-bottom: 10px; line-height: 24px }
.sitemap-box h4 { margin: 0 }
ul.full-li li { width: 100% }
.sitemap-box h3 { float: left; width: 100% }
.sitemap-banner .banner-right-col { padding-top: 15% }
.sitemap-box a { color: #404040 }


.nda-content-area h2 {
    font-size: 20px;
    padding-bottom: 5px;
    line-height: 24px;
}




@media screen and (max-width:1100px) {
.container { width: 99%; max-width: 100% }
.new-section-area { padding: 30px 0 }
.location-box { min-height: 245px }
.certified-area li { margin-left: 8px }
.wsmenu>.wsmenu-list>li .col-sm-3, .wsmenu>.wsmenu-list>li .col-sm-6 { width: 100% }
.wsshoptabingwp.container.clearfix { width: 100% }
.wsmenu>.wsmenu-list>li .wstheading { padding: 10px 0 0; color: #404040; margin-bottom: 0; font-weight: 700!important; text-transform: uppercase }
a.quote_headerbtnmain { display: none!important }
.enquiry-area { width: 100%; overflow: auto; white-space: nowrap }
.enquiry-area ul li { width: 25%; white-space: inherit; float: none; display: inline-block }
.inner-main-section { padding-top: 59px }
.banner_bottom-hedding h2 { font-size: 26px }
.row { margin: auto; width: 100% }
.new-main-hedding h2, h2 { font-size: 28px; line-height: 32px; padding-bottom: 20px }
.header_callicon_mobile ul { position: absolute; right: 0; width: 250px; background: #fff; text-align: left; top: 59px; display: none }
.header_callicon_mobile:hover ul { display: block; border: 1px solid #ddd }
.header_callicon_mobile ul li { border-top: 1px solid #ddd }
.header_callicon_mobile ul li:first-child { border-top: none }
.header_callicon_mobile ul li a { padding: 10px 15px; display: block; border-bottom:;
color: #333 }
.header_callicon_mobile ul li a { padding: 10px 15px; display: block; border-bottom:;
color: #333 }
.header_callicon_mobile ul li a:hover { background: #4285f4; color: #fff }
.header_callicon_mobile ul li a i { padding-right: 5px; font-size: 22px; vertical-align: middle }
.header_callicon_mobile ul li a i.fa.fa-phone { font-size: 14px; transform: rotate(90deg) }
.caption_con { padding: 0 }
.inner-banner .banner-right-col img { max-width: 60% }
.android-whychooseus .cta-box { min-height: 390px }
.color-box-text { font-size: 14px; line-height: 18px }
.about-box-area { overflow: auto; white-space: nowrap }
.about-box-area .col-sm-4, .about-box-area .col-sm-3 { white-space: initial; width: 31%; float: none; display: inline-block }
.competent-experts-banner .banner-right-col { padding-top: 10% }
.about-content-box { margin-bottom: 15px }
.investor-relationship-banner .banner-right-col { padding-top: 5% }
.working-methodology-content-box ul { min-height: 470px }
img.img_br_left { width: 30% }
.client-testimonials-banner .banner-right-col { padding-top: 8% }
.mission-banner .banner-right-col { padding-top: 5% }
.partner-banner .banner-right-col { padding-top: 5% }
.br-softech-content-box ul { min-height: 420px }
.br-softech-content-box .row { overflow: auto; white-space: nowrap; width: 100% }
.br-softech-content-box .row .col-sm-6 { float: none; display: inline-block; vertical-align: top; white-space: initial; width: 60% }
.project-communication-strategy-banner .banner-right-col { padding-top: 10% }
.value-for-money-banner .banner-right-col { padding-top: 10% }
.business-engagement-top-box .about-content-box { min-height: 114px }
.business-engagement-content-box ul { min-height: 425px }
.banner_bottom-hedding h1 { font-size: 28px }
.profile-slider { left: 0; top: 0; width: 92%; right: 0; margin: auto }
.profile-slider .owl-nav button.owl-prev { left: -50px }
.profile-slider .owl-nav button.owl-next { right: -50px }
.we-assure-area ul li { width: 19.4% }
.pricing-structure-banner .banner-right-col { padding-top: 4% }
.row.pricing-box-area { float: left; width: 100%; margin-top: 20px; margin-bottom: 30px }
.quote-banner .banner-right-col img { max-width: 60% }
.quote-form-area .col-sm-8 { padding: 0 }
.fixed-time-banner .banner-right-col { padding-top: 6% }
.working-culture-banner .bannertext_area { top: 18% }
.sitemap-banner .banner-right-col { padding-top: 10% }
.why-work-at-br-softech-banner .bannertext_area { top: 18% }
.nda-content-area h2 {font-size: 18px;}
}
@media screen and (max-width:1023px) {

.hidden-xs{display:none !important;}
.our-location-area .col-sm-3 { width: 50%; margin-bottom: 30px }
.footer-area .col-sm-3 { width: 50% }
.footer-area .col-sm-5 { width: 50% }
.footer-area .col-sm-4 { width: 100%; margin-top: 30px; margin-bottom: 30px }
.enquiry-area ul li { width: auto }
.container { width: 100% }
.banner_bottom-hedding h2 { font-size: 22px }
ul.checkli li { margin-bottom: 8px }
ul.checkli li { width: 100% }
h2 { padding-bottom: 15px }
.game-top-form-area .row { width: auto }
.banner_bottom-hedding { padding: 12px 0 }
.scroll-box-area .row+.row { overflow: auto; white-space: nowrap; padding-bottom: 20px; width: 100%; margin: auto }
.scroll-box-area .row+.row .col-sm-6, .scroll-box-area .row+.row .col-sm-4, .scroll-box-area .row+.row .col-sm-3 { float: none; display: inline-block; vertical-align: top; white-space: initial; width: 60% }
.Latestblogcta_img { min-height: 1px; margin-bottom: 0 }
.blue-gradiant-bg2 .cta-box { margin-bottom: 0 }
.call-to-action h3 { margin-right: 0; margin-bottom: 10px; text-align: center }
.android-whychooseus .cta-box { margin-bottom: 0 }
.banner_left_content h1 { font-size: 26px; line-height: 32px; margin-bottom: 10px }
.role-cyber-security-area ul.checkli li { width: 100% }
.faq-box ul.checkli li { width: 100% }
.faq-area.scroll-box-area .row+.row .col-sm-6 { float: none; display: inline-block; vertical-align: top; white-space: initial; width: 90% }
.about-box-area .col-sm-4 { white-space: initial; width: 45% }
.competent-experts-banner .banner-right-col { padding-top: 4% }
.invastor-box .col-sm-3 { width: 38% }
.various-technology-area ul li { width: 22% }
.working-methodology-content-box ul { min-height: 640px }
.scroll-box-area .row+.row .col-sm-4 { width: 40% }
.client-testimonials-banner .banner-right-col img { max-width: 75% }
.client-testimonial-logo { overflow: auto; white-space: nowrap }
.partner-banner .banner-right-col img { max-width: 62% }
.partner-banner .banner-right-col { padding-top: 12% }
.partner-top-box .col-sm-3, .business-engagement-top-box .col-sm-3 { width: 50% }
.partner-top-box .about-content-box { min-height: 1px }
.partner-top-box .about-content-box br { display: none }
.br-softech-content-box .row .col-sm-6 { width: 80% }
.scroll-box-area .row+.row .col-sm-3 { width: 42% }
.value-for-money-banner .banner-right-col img { max-width: 90% }
.business-engagement-top-box .about-content-box { min-height: 90px }
.business-engagement-content-box ul { min-height: 530px }
.banner_bottom-hedding h1 { font-size: 26px }
.career-body-content .col-sm-4 { width: 40% }
.career-body-content .col-sm-8 { width: 60% }
.profile-slider .owl-nav button.owl-prev { left: -40px }
.profile-slider .owl-nav button.owl-next { right: -40px }
.we-assure-area ul { overflow: auto; white-space: nowrap }
.we-assure-area ul li { display: inline-block; float: none; width: 23% }
.pricing-structure-banner .banner-right-col img { max-width: 90% }
.row.pricing-box-area { overflow: auto; white-space: nowrap }
.row.pricing-box-area .col-sm-3 { float: none; display: inline-block; width: 40%; vertical-align: top; white-space: initial }
.row.pricing-box-area { padding-bottom: 20px }
.row.maintenance-content { overflow: auto; white-space: nowrap; width: 100% }
.row.maintenance-content .col-sm-6 { white-space: initial; width: 100% }
.row.maintenance-content .col-sm-12 { white-space: initial }
.row.maintenance-content .col-sm-4 { white-space: initial; width: 44%; float: none; display: inline-block }
.fixed-time-banner .banner-right-col img { max-width: 88% }
.working-culture-banner .bannertext_area { top: 10% }
.sitemap-box ul li { width: 50% }
ul.full-li li { width: 100%!important }
.sitemap-box .row { overflow: auto; white-space: nowrap }
.sitemap-box .row .col-sm-4, .sitemap-box .row .col-sm-3 { float: none; display: inline-block; vertical-align: top; width: 45% }
.why-work-at-br-softech-banner .bannertext_area { top: 16% }
.why-work-at-br-softech-banner .bannertext_area h1 { font-size: 36px; margin-bottom: 10px; line-height: 46px }
}
@media screen and (max-width:767px) {
.new-main-hedding h2, h2 { font-size: 22px; padding-bottom: 10px }
h2 { font-size: 22px }
.new-section-area { padding: 30px 0 }
.our-location-area .row { overflow: auto; white-space: nowrap }
.our-location-area .col-sm-3 { width: 90%; float: none; display: inline-block }
.footer-area .col-sm-3 { width: 100%; margin-bottom: 50px }
.footer-area .col-sm-5 { width: 100% }
.footer-area .col-sm-4 { width: 100% }
.footer-area h2 { padding-bottom: 5px }
.dna_lofoo a img { width: 30px }
span.br_ourmail_getxet { font-size: 16px }
.our_protfolio_towbtns { font-size: 16px }
.certified-area li { margin-left: 8px; width: 100% }
.certified-area li img { width: 100% }
.banner_bottom-hedding { padding: 12px 0 }
.banner_bottom-hedding .container { width: 100% }
.banner_bottom-hedding h2 { font-size: 18px; font-weight: 700; line-height: 20px }
.game-top-form-area .col-sm-8 { width: 100% }
.game-top-form-area .col-sm-4 { width: 100%; margin-top: 30px }
.row { margin-left: -15px; margin-right: -15px; width: auto }
.new-main-hedding h2, h2 { line-height: 28px }
ul.checkli li { width: 100% }
.our-location-area .row { width: 100%; margin: auto }
.footer-top-area .row { width: 100%; margin: auto }
p { font-size: 14px; line-height: 22px }
.enquiry-area { margin-bottom: 25px }
.new-main-hedding p { text-align: justify }
.new-main-hedding p { text-align: center }
.banner_left_content h1 { font-size: 18px; line-height: 22px; margin-bottom: 0 }
.box-content .col-sm-6, .box-content-img .col-sm-6 { width: 100% }
.box-content ul { min-height: 1px!important; margin-bottom: 20px }
.banner-right-col { padding-top: 10px }
.row.banner_ratio_content { padding: 0 10px }
.scroll-box-area .row+.row .col-sm-3, .scroll-box-area .row+.row .col-sm-4 { width: 90% }
.caption_con p { margin-bottom: 0; display: none }
.scroll-box-area .row+.row .col-sm-6 { width: 90%; float: none; display: inline-block; white-space: initial; vertical-align: top }
.call-to-action h3 { font-size: 20px }
.role-cyber-security-area .col-sm-4, .role-cyber-security-area .col-sm-3, .role-cyber-security-area .col-sm-5 { width: 100%; text-align: center; margin-bottom: 20px }
.role-cyber-security-area .col-sm-9, .role-cyber-security-area .col-sm-8, .role-cyber-security-area .col-sm-7, .role-cyber-security-area .col-sm-6 { width: 100% }
.role-cyber-security-area .row { width: 100%; margin: auto }
.faq-area.scroll-box-area .faq-box { margin-bottom: 0 }
.caption_con p { display: none }
.faq-area .row { margin: auto; width: 100% }
.about-box-area { width: 100%; margin: auto }
.about-box-area .col-sm-4 { white-space: initial; width: 90% }
.testimonial-area .row { width: 100%; margin: auto }
.softech_awrd_bg { margin-top: 10px }
.getauote_area { margin-bottom: 20px }
.various-technology-area ul li { width: 42% }
.various-technology-img-area .row { margin: auto; width: 100% }
.row.about-box-area.invastor-box.text-center { width: 100% }
.invastor-box .col-sm-3 { width: 85% }
img.large-img { display: none }
img.small-img { display: inline-block }
.mobile-banner-ratio-area:before { content: ""; padding-top: 51%; display: block }
.working-methodology-content-box ul { min-height: 1px; margin-bottom: 30px }
img.img_br_left { width: 100%; margin-right: 0 }
.infrastructure-top-content .col-sm-5.pull-right, .infrastructure-top-content .col-sm-7 { width: 100% }
.full-mobile-area .col-sm-5, .full-mobile-area .col-sm-7 { width: 100% }
.client-testimonial-logo { overflow: auto; white-space: nowrap }
.center-box .row { width: 100%; margin: auto }
.partner-top-box .about-content-box h3 { font-size: 16px }
.partner-top-box h2 { font-size: 21px }
.br-softech-content-box .row { margin: auto }
.br-softech-content-box .row .col-sm-6 { width: 92% }
.wrap-area { display: inline-block; width: 100%; overflow: auto; white-space: nowrap }
.wrapimg img { max-width: 600px }
.business-engagement-top-box .about-content-box { min-height: 1px }
.nda-hedding h1 { float: left; margin-top: 10px; text-align: center; width: 100%; margin-bottom: 15px }
.nda-hedding { text-align: center }
.nda-hedding a.nda_btn { float: none; display: inline-block }
.partner-top-box .col-sm-3, .business-engagement-top-box .col-sm-3 { width: 100% }
.career-body-content .col-sm-4 { width: 100%; margin-bottom: 30px }
.career-body-content .col-sm-8 { width: 100% }
.career-top-box-area { overflow: auto; white-space: nowrap }
.career-top-box-area .col-sm-4 { float: none; display: inline-block; white-space: initial; vertical-align: top; width: 70% }
.resume-right-hedding-section span.year-text { width: 100%; margin-top: 10px }
.location-box { white-space: initial }
.profile-slider { width: 90% }
.profile-slider-ratio:before { padding-top: 66% }
.profile-slider .owl-nav { top: 38%; font-size: 24px }
.profile-slider .owl-nav button.owl-prev { left: -24px }
.profile-slider .owl-nav button.owl-next { right: -24px }
.value-for-money-banner .banner-right-col img { max-width: 96% }
.contact-detail-area .row { width: 100%; margin: auto }
.contact-detail-area .col-sm-4 { width: 100%; margin-bottom: 30px }
.contact-detail-area .col-sm-8 { width: 100% }
.contact-detail-area .col-sm-8 .row { overflow: auto; white-space: nowrap }
.contact-detail-area .col-sm-8 .row .col-sm-6 { float: none; display: inline-block; width: 88%; vertical-align: top }
.scroll-box-area .row { width: 100%; margin: auto }
.mobile-full-area .col-sm-6 { width: 100% }
.we-assure-area ul li { width: 45%; white-space: initial }
.we-assure-area ul li h3 { font-size: 12px }
.how_it_works .col-sm-6 { width: 100% }
.pricing-structure-top-area .game-left-text { text-align: center }
.pricing-structure-top-area .row { width: 100%; margin: auto }
.top-pricing-box-area .col-sm-6 { width: 90%; float: none; display: inline-block; vertical-align: top }
.row.pricing-box-area .col-sm-3 { width: 90% }
.row.pricing-box-area { padding-bottom: 20px; margin: auto; margin-top: 20px; margin-bottom: 20px }
.row.maintenance-content { margin: auto }
.fte_rate_box { height: 95px; padding-left: 0; text-align: center }
.fte_rate_box span { margin-left: 0; padding: 0 15px; width: 100%; right: 0; bottom: 0 }
.row.maintenance-content .col-sm-4 { width: 90% }
.quote-form-area .form-group .col-sm-6, .quote-form-area .form-group .col-sm-12 { width: 100%; margin-bottom: 15px }
.quote-form-area .form-group { margin-bottom: 0 }
.quote-banner .banner-right-col img { max-width: 65% }
.quote-form-area .col-sm-8 { padding: 0 15px }
.row.pricing-box-area { margin-bottom: 20px }
.fixed-time-banner .banner-right-col img { max-width: 96% }
.working-culture-banner .bannertext_area { top: 12% }
.working-culture-banner .bannertext_area h1 { font-size: 16px; margin-bottom: 5px; line-height: 20px }
.working-culture-img img { width: 100% }
.sitemap-url .row { width: 100%; margin: auto }
.sitemap-box ul li { width: 100% }
.sitemap-url .col-sm-12 { white-space: initial }
.sitemap-box .row .col-sm-4, .sitemap-box .row .col-sm-3 { width: 88%; white-space: initial }
.sitemap-box h2 { font-size: 18px }
.why-work-at-br-softech-banner .bannertext_area { top: 12% }
.why-work-at-br-softech-banner .bannertext_area h1 { font-size: 16px; margin-bottom: 2px; line-height: 22px }
.our-work-section .col-sm-6 {
		width: 100%;
	}	
	.our-work-box-content h4, .our-work-box-content h5 {
		font-size: 22px;
	}
	.our-work-box-content h5 {
		font-size: 15px;
		font-weight: 500;
		margin-top: 0;
	}
	.our-work-box {
		position: relative;
		margin-bottom: 15px;
	}
	.game-btn-box {
		margin-top: 50px;
		margin-bottom: 25px;
	}
	.game-btn-box span img {
		width: 60px;
	}
	.game-btn-box span {
		height: 80px;
	}

	.game-btn-box h4 {
		font-size: 20px;
		margin: 30px 10px 0px;
	}



}


.qr_sec{width: 100%; display: inline-block; border-radius: 6px; padding: 15px; margin-top: 45px; min-height: 366px; }
.qr_img{padding: 5px; width: 50%; float: left; text-align: center;  background-color: #fff;}
.qr_img img{max-width: 100%;}
.qr_img span{text-align: center; color: #000; width: 100%; display: inline-block;}
.contact-form-image{position: relative; right: auto;}
.cont-img{display: none;}
.qr_sec h2{font-size: 36px; font-weight: bold; color: #4271b8; letter-spacing: 1px; margin-bottom: 10px; line-height: 30px;}
.qr_sec h3{font-size: 25px; font-weight: normal; color: #2e2e2e; margin-bottom: 15px;}
.qr_img img{display: inherit;}


/* contact us page css*/
.con_qr_left{width: 240px; float: left;}
.con_qr_right{padding-left: 240px; vertical-align: top;}
.block_h{padding: 10px; width: 50%; float: left; text-align: center;}
.block_h .qr_img{width: 100%; padding: 20px; border-radius: 10px;}
.qr_sec.con_qr{padding: 0px; margin-top: 0;}
.con_qr_left h2{font-size: 30px; font-weight: bold; padding-top: 30px; line-height: 30px; padding-bottom: 0px; color: #000;}


@media only screen and (max-width:767px){
	.con_qr_left {
	    width: 100%;
	    float: left;
	}
	.con_qr_right {
	    padding-left: 0;
	}
	.contact-detail-area .col-sm-8 .row {
	    white-space: inherit;
	}
	.contact-detail-area .col-sm-8 .row .col-sm-6 {
	    width: 100%;
	}
	.qr_sec.con_qr .block_h {
	    width: 100%;
	}
		.qr_img img {
	    display: block;
	    width: 66%;
	    margin: 0 auto;
	}
.santa22 {
    position: fixed;
    z-index: 2;
    left: 0px;
    bottom: 0px;
    width: 110px;
}
};



/* expo css start */

.tab-menu ul{margin: 0;padding: 0;}
.tab_background li{list-style-type: none;display: inline-block; margin: 15px 0px;}
.tab_background li a{text-decoration: none; padding: 12px 25px;border-radius: 8px;font-size: 20px; 	}
.tab_background li a:hover{background: #3845be; color: #fff;}
.tab_background li a.active-a{color: #ffff; background: #3845be;}

.tab{display: none;}
.tab h2{color: rgba(0,0,0,.7);}
.tab p{color: rgba(0,0,0,0.6);text-align: justify;}
.tab-active{display: block;}
.d-flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.video video{padding: 0px 10px; display: inline-block;}
.video{padding: 100px 0px 0px 0px;  max-width: 100%;  height: auto; align-items: center;}


/* .banner_bottom-hedding h2:hover{color: #6e6e6e; text-decoration: underline;} */

.tab_background li a{background: #fff;}


/* .tab-a h2{margin-right: 30px;} */
.slider_img {padding: 0px 8px; }
.slick-prev.slick-arrow{background: url("../slide_arrow_left.html") center no-repeat; font-size: 0px; width: 16px; height: 32px;transition: all 0.5s ease-in-out;    padding-left: 58px; top: 50%; padding: 10px 40px; border-radius: 50%; color: #fff; left: -50px;}
.slick-next.slick-arrow{background: url("../slide_arrow_right.html") center no-repeat; font-size: 0px; width: 16px; height: 32px;  transition: all 0.5s ease-in-out; padding-right: 58px; top: 50%;     right: -44px;}

.slick-next:before, .news_sec .slick-prev:before{display: none;}
.slick-next:hover, .slick-prev:hover:hover{opacity: 1;}

/* Responsive css */

@media (max-width: 768px) { 
    .video {flex-wrap: wrap;}
    .video video{ margin-bottom: 15px;}
    .ice_london .qr_sec .block_h img {max-width: 0px;}
}


/* 4/1/2024 css company-profile start */
.company-banner-section {position:relative;}
.company-banner-section::before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to top, rgb(0 0 0 / 54%) 0, rgba(0,0,0,.2) 100%);}
.Company_Profile_Img {background:url(../jpg/banner.jpg)no-repeat center ; height:74vh; width:100%; background-size:cover;}
.Company_Profile_Text {position:absolute; left:0; right:0; bottom:10%; text-align:center ;}
.Company_Profile_Text h1 {font-size:56px; line-height:66px; margin-bottom:30px;}
.Company_Profile_Text h1 abbr {font-weight:600; font-size:40px;}
.Company_Profile_Text h1 span {color:#ffc400;}
.Company_Profile_Text p {font-size:20px;}
.our-mission-section {position:relative;}
.Our_Mission_Img {background:url(../jpg/our_mission_bg.jpg)no-repeat center bottom; padding:50px 0px; width:100%; background-size:cover; background-attachment:fixed; position:relative;}
.our_mission_text { color:#ffff; margin-bottom: 30px;}
.our_mission_text ul li {font-size:18px;}
.Our_Mission_Img::before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to top,rgba(0,0,0,.7) 0, rgba(0, 0, 0, .2) 100%);}
.team_members {min-height:400px;}
.team-details {display:flex; background:#f6f6f6; align-items:center; position:relative; box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px; width:100%; height:400px; border-radius:70px; margin-top:70px;}
.team-details img {border-radius:15px; margin-left:70px; width:340px; box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.team-details .team-details-text h2 {padding-bottom:10px;}
.team-details .team-details-text span {color:#f0346e;}
.team-details .team-details-text .social_box {display:flex; margin-top:15px; margin-bottom:28px;}
.team-details .team-details-text .social_box a {color:#000;}
.team-details .team-details-text .phone_box {width:40%; display:flex; align-items:center;}
.team-details .team-details-text .mail_box {width:40%; display:flex; align-items:center;}
.team-details .team-details-text i {width:40px; height:40px; border-radius:100%; border:1px solid #f0346e; color:#f0346e; display:flex; justify-content:center; align-items:center; box-shadow:0px 0px 13px 0px rgba(241,60,107,0.3); margin-right:20px;}
.profile_button {padding:10px 20px; border:1px solid #f0346e; border-radius:8px; background:#f0346e; color:#fff; font-weight:600; transition:0.4s;}
.profile_button:hover {color:#fff; background:#b7305a;}
.team-box-section {background:#fff; box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px; margin-bottom:30px; padding-bottom:10px;}
.team-box-section img {padding:15px; width:100%;}
.client_partners {margin:0px 40px;}
.client_partners ul {display:-webkit-inline-box; overflow:hidden; text-align:center;}
.client_partners ul li {transition:0.5s; margin:8px; display:inline-block;}
.client_partners ul li:hover {cursor:pointer; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.graybg-none .client_satisfied_box {height:60px;}
.team-information h4{margin:3px 0px;}
.game-we-develop-box {text-align: center;margin-bottom: 50px;}

@media only screen and (max-width: 1024px) {
.team-details img {width:300px;}
.client_partners ul {overflow:auto; white-space:nowrap;}
.team-details {margin-top:15px;}
.team-details img {margin-left:10px;}
.team-details img {width:330px;}
.mobile_text_none {display:none;}
.md_mobile .col-sm-3 {width:50%;}
	
}

@media screen and (max-width:1190px) {
	.our-location-area .row.bottom-address-area{ display: flex; flex-wrap: wrap;}
	.our-location-area .row.bottom-address-area .col-sm-3{display: flex; flex-direction: column;}
	
}

@media only screen and (max-width: 768px) {
.Company_Profile_Text h1 {font-size:30px; line-height:36px; margin-bottom:15px;}
.Company_Profile_Text h1 abbr {font-size:30px;}
.team-details {height:320px;}
.team-details img {width:270px;}
}

@media only screen and (max-width:767px){
.enquiry-area{display: none;}
.prighticon {position:fixed; top:10px; z-index:99999; left:auto !important; right:10px; width:38px;}
	
	.r_approch .col-sm-4{width: 50%;}
}


@media only screen and (max-width: 567px) {
.team-details .row{display: flex; flex-wrap: wrap;}
.team-details .col-sm-5 {width: 100%}
	.team-details .col-sm-5 img{width: 100%; margin-bottom: 15px;}
.team-details .col-sm-7 {width:100%;}
.team-details {height:auto; padding:20px 30px; border-radius:0;}
	
	.r_approch .col-sm-4, .games_sec .col-sm-3{width: 100%;}
	.core_team .col-sm-4{width: 100%;}
	.team-details .team-details-text .social_box{width: 100%; flex-wrap: wrap;}
	.team-details .team-details-text .mail_box, .team-details .team-details-text .phone_box{width: 100%}
}

/*new updates for quote button */
a.quote_headerbtnmain{padding: 0 0px !important;border-radius: 100px;}
.wupQry img{ width:40px; height:40px; }
.wupQry{ margin-left:30px !important;}
a.quote_headerbtnmain:hover{background: none !important;}
a.quote_headerbtnmain{line-height: 9px!important;}
.wupQry{line-height: 5px !important;}





/*POP up Css*/
/*Model Popup css start*/
.query_modal{display: none; text-shadow: none;} 
.query_modal .form50 {width: 49.5%; display: inline-flex;}
.query_modal .modal-content{ max-width: 480px; background: #fff; border-radius: 6px; padding: 15px;}
.query_modal input{width: 100%; height: 38px; border-radius: 4px; border: 1px solid#ccc; padding: 0 10px;}
.query_modal .mb-4{margin-bottom: 15px;}
.query_modal textarea{width: 100%; border-radius: 4px; border: 1px solid#ccc; padding: 0 10px;}
.close{width: 30px; height: 30px; display: inline-block; background: #ff1f1f; text-align: center; border-radius: 2px; position: absolute; top: 15px; right: 15px; cursor: pointer;}

#cf-diacode1 {width: 19%;}
#cf-mobile1 {width: 80%;}

.query_modal .modal-body{ position:inherit; width: 100%; margin-top: 20px;}
.query_modal .modal-content{position: relative; max-width: 600px; margin: 50px auto;}

form.modal_input input { padding: 10px 15px; margin-bottom: 8px; width: 100%; border: 1px solid #4d4d4d29; border-radius: 5px;}
textarea.modal_textarea { width: 100%; border: 1px solid #4d4d4d29; padding: 10px 15px; border-radius: 8px;}
.modal-header h5{color: #6c6c6c;  font-size: 24px; margin: 15px 0px;}
.modal-header .close {color: #aaaaaa; font-size: 28px; float: right; position: absolute; top: 0;  right: 0px; font-weight: bold; }

.query_modal .modal-header h5{color: #282828; margin-top: 0px;}



.br-softech-content-box .row{display: flex; flex-wrap: wrap;}
.br-softech-content-box .row .col-sm-6{display: flex;}
.br-softech-content-box ul{min-height: auto;}