body{ padding:0px; margin-top:105px !important; margin:0px\0; margin-left:0px; margin-right:0px; }



@font-face {

    font-family:'open_sansregular';

    src: url('../fonts/opensans-regular-webfont.eot');

    src: url('../fonts/opensans-regular-webfont-1.eot') format('embedded-opentype'),

        url('../fonts/opensans-regular-webfont.woff') format('woff'),

        url('../fonts/opensans-regular-webfont.ttf') format('truetype'),

        url('../fonts/opensans-regular-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;}



@font-face {

    font-family: 'segoe_uiregular';

    src: url('../fonts/segoeui-webfont.eot');

    src: url('../fonts/segoeui-webfont-1.eot') format('embedded-opentype'),

        url('../fonts/segoeui-webfont.woff') format('woff'),

        url('../fonts/segoeui-webfont.ttf') format('truetype'),

        url('../fonts/segoeui-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;}



@font-face {

    font-family:'bebas_neueregular';

    src: url('../fonts/bebasneue-webfont.eot');

    src: url('../fonts/bebasneue-webfont-1.eot') format('embedded-opentype'),

        url('../fonts/bebasneue-webfont.woff2') format('woff2'),

        url('../fonts/bebasneue-webfont.woff') format('woff'),

        url('../fonts/bebasneue-webfont.ttf') format('truetype'),

        url('../fonts/bebasneue-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}

a{text-decoration:none;}	

img{ border:none;}

.clear{ clear:both;}

.margin_none{ margin:0px !important;}

.float_left{ float:left !important;}

.float_right{ float:right !important;}

.m_zero_auto{ margin:0 auto;}

.decoration_none{ text-decoration:none !important;}



header{  border-bottom:solid 3px #d0d0d0; padding-top:12px; position:fixed; background:url(../images/header_bg.png) repeat;  width:100%; z-index:100; margin-bottom:80px; top:0;}

/*#header_full{  border-bottom:solid 3px #d0d0d0; padding-top:12px; background-color:#FFF;}*/

#header, .sevice_wraper, .portfolio_wraper, .footer, .main_wraper{ width:100%; max-width:1028px; margin:0 auto;}

#header{ position:relative; z-index:10000;}



.logo{ /*width:450px;*/ float:left;}

.logo a{display: block; padding: 5px 0;}

.top_menu{ float:right; z-index:10; position:relative;  }

.top_menu ul{ padding:0px; margin:0px; }

.top_menu ul li:hover ul.zmenu{ display:block !important; }



.top_menu ul li{ list-style:none; float:left; font-family:'open_sansregular'; font-size:12px; margin-bottom:-3px; position: relative;}

.top_menu ul li a{ color:#787878; text-decoration:none; padding:0px 5px; display:block; border-bottom:solid 3px #d0d0d0; line-height:95px;}  

.top_menu ul li a:hover, .menu_active{border-bottom:solid 3px #d9261b !important; color:#d9261b !important;}

hr{ border:none; border-bottom:solid 1px #e9e9e9;}



.topmenu-eng ul li a{ padding:0px 9px !important;}

.topmenu-eng ul li ul li a{ padding:0px 6px !important;}

.topmenu-eng ul li{font-size: 12px !important;}





/*Sub menu Starts 8-7-14*/

/*.top_menu ul li:hover ul.zmenu{ display:none;}*/

.top_menu ul li ul{ width:240px; position:absolute; box-sizing: border-box; background-color:#FFF; left: 0px; top: 98px; display:none; border:solid 1px #CCC !important;}

.top_menu ul li ul li { margin:0px;}

.top_menu ul li ul li a{ line-height:38px; display:block; width:226px; border-bottom:solid 1px #CCC;}

.top_menu ul li ul li:last-child a{ border-bottom:none !important;}

.top_menu ul li ul li a:hover{border-bottom:solid 1px #d9261b !important; background-color:#ededed; } 

#drop_down img{ margin-top:-4px;}

#drop_downp img{ margin-top:-4px;}

/*****************/



.m_topten{ margin-top:10px !important;}

.m_toptwenty{ margin-top:20px !important;}

#banner{border-top:solid 3px #d0d0d0\0;}



/***********For Chrome Only************/

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #banner{ margin-top:0px;}

    #inner_banner{ margin-top:0px !important;}

}



#main_banner{ margin:0 auto; width:100%; size:landscape; position:relative;} 

#main_banner img{ width:100%;} 

.sevice_wraper{}

.title h1{ color:#2c9599; font-size:36px; text-align:center; font-family: 'segoe_uiregular'; font-weight:normal;}



/*********New added CSS by Zeeshan for portfolio page update**********/

.portfolio_title_new{ float:left; display:inline-block; height:90px; width: 100%;}

.portfolio_select{ float:right; padding-top:0px; font-family: 'segoe_uiregular'; padding-right: 3px; margin-top: -60px;}

.select_title{ float:left; color:#5b5b5b; font-size:16px; padding-top:6px; }

.slect_box{ float:left;background:url(../images/select-arrow_03.jpg) no-repeat right; border: 1px solid #cecece; margin-left:15px; box-shadow: 2px 2px 1px #ebebeb; color: #989898; font-size: 14px; line-height: 25px; overflow: hidden; width: 360px;}

.slect_box select { font-family: 'segoe_uiregular'; font-size:16px; background: none; border: medium none; padding: 6px; width: 107%; color:#989898;}





/*********************************

Portfolio New css 05-08-15 by kishor

**********************************/

.port_title_new{text-align: center;}

.port_title_new h1{margin: 2px 0;}



.plz-select-category{color:#505050; font-size:25px; text-align:center; font-family: 'segoe_uiregular'; font-weight:normal;}

.portfolio-box-main{position: relative; margin-top: 25px;}

.port-top-up-shaddow{position: absolute; top: 0; left: 0; right: 0; z-index: 111; width: 100%; height: 30px; 

                     background:url(../images/port-top-up-shaddow.png) no-repeat center top;}

.portfolio-box{width: 78%; margin: 0 auto;}

.portfolio-box a{float: left; display: block; width: 50%;}



.port-link-box{float: left; width: 265px; height: 470px; box-sizing: border-box; padding: 40px 40px 80px; display: block; cursor: pointer;}

.port-web{background: url(../images/port-web-bg.png) no-repeat 0px 0px;}

.port-mobile{background: url(../images/port-mobile-bg.png) no-repeat 0px 0px;}

.port-responsive{background: url(../images/port-responsive-bg.png) no-repeat 0px 0px;}



.port-web::before{background: url(../images/port-web-bg-hover.png) no-repeat 0px 0px;}

.port-mobile::before{background: url(../images/port-mobile-bg-hover.png) no-repeat 0px 0px;}

.port-responsive::before{background: url(../images/port-responsive-bg-hover.png) no-repeat 0px 0px;}



.port-link-box,

.port-link-box::before{background-position: center bottom;}



.port-link-box .title-top{text-align: center; font-size: 40px; color: #fff;  font-family: 'bebas_neueregular';}

.port-link-box .port-text{padding-top: 10px; color: #fff; font-family: "segoe_uiregular"; font-size: 15px; text-align:center; min-height: 110px; height: 120px;}

.port-link-box .port-icon{padding-top: 20px; font-size:85px; line-height: 100px; text-align: center; color: #fff; transition: transform 0.3s ease 0s;}

.port-mobile .port-icon{font-size:96px !important;}



.port-link-box .port-icon i{transition: transform 0.3s ease 0s;}

.port-link-box:hover .port-icon i{transform: rotate(180deg);}



.port-link-box .view-btn{margin-top: 20px;}

.port-link-box .view-btn{border-radius: 6px; display: block; font-family: 'segoe_uiregular'; font-size: 16px; color: #fff; text-align: center; 

                         line-height: 34px; text-decoration: none; background-color: rgba(0, 0, 0, 0.45); box-sizing: border-box;}



.port-link-box::before {

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    transform: scale(0);

    transition-duration: 0.3s;

    transition-property: transform;

    transition-timing-function: ease-out;

    z-index: -1;

    background-size: 100%;

}

.port-link-box {

    backface-visibility: hidden;

    display: inline-block;

    position: relative;

    transform: translateZ(0px);

    transition-duration: 0.3s;

    transition-property: color;

    vertical-align: middle;

    background-size: 100%; 

}



.port-link-box:hover::before, .port-link-box:focus::before, .port-link-box:active::before {

    transform: scale(1);

}

.port-link-box:hover .view-btn{

    animation-delay: 0.5s;

    animation-duration: 1s;

    animation-iteration-count: infinite;

    animation-name: hvr-back-pulse;

    animation-timing-function: linear;

    background-color: #000;

    color: #fff;

}

.port-link-box .view-btn {

    backface-visibility: hidden;

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    display:block;

    overflow: hidden;

    transform: translateZ(0px);

    transition-duration: 0.5s;

    transition-property:background-color;

    vertical-align: middle;

    padding: 10px;

}



/*================================ new changes by kishor for home portfolio ===============================*/

.home-port{margin-bottom: 40px;}

.home-port .port-link-box{height: 440px; width: 100%; }

.home-port .port-web{/*background: url(../images/port-web-bg.png) no-repeat 0px 0px;*/ background: #11cdc1;}

.home-port .port-mobile{/*background: url(../images/port-mobile-bg.png) no-repeat 0px 0px;*/ background: #f8c82b;}

.home-port .port-responsive{background: url(../images/port-responsive-bg.png) no-repeat 0px 0px;}



.home-port .port-web::before{/*background: url(../images/port-web-bg-hover.png) no-repeat 0px 0px;*/ background: #049188;}

.home-port .port-mobile::before{/*background: url(../images/port-mobile-bg-hover.png) no-repeat 0px 0px;*/ background: #c99d0f;}

.home-port .port-responsive::before{background: url(../images/port-responsive-bg-hover.png) no-repeat 0px 0px;}



/*=========================================================================================================*/



/*********************************

Portfolio New design impliment on 15-7-15 by Zeeshan

**********************************/

.folio_main_block{margin: 0 -14px;}

.folio_box_less{ font-family: 'segoe_uiregular'; float: left; width: 47.3%; box-sizing: border-box; margin:0 14px 28px; display: block;  border-radius:7px; 

                 border: solid 1px #dedede; padding: 14px; }

.folio_box_less:hover{ border: solid 1px #cbcbcb; box-shadow: 0 0 6px #dedede;}

.folio_box{}

.folio_box h2{ margin: 8px 0; display: block; text-align: center;  font-size: 22px; font-family: 'Roboto Condensed', sans-serif; color: #3d3d3d;}

.folio_box p{ margin:8px 0 14px 0; display: block; text-align: center; color: #545454; font-size: 15px;}

.folio_shares{ border-top:solid 1px #dedede; padding: 10px 0 0;  box-sizing: border-box; float: left; width: 100%;}



.folio-visit-site { float: left;}

.folio-visit-site a{ font-size:15px; color: #00a2ff;}

.social-shares { float: right;}

.social-shares p{ display: inline-block; margin:0;}



.social-shares img, .heart-count img{ vertical-align: middle; margin-left: 5px; }

.social-shares img:hover{opacity:0.5;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform;}

.heart-count{ float: right;}

.liked-counter span{ position: absolute; left: -13px; top: 0px;}



.liked-counter{ margin-left: 6px; position: relative; padding: 2px 3px; border-radius:3px; border: solid 1px #dedede; display: inline-block; font-size: 14px; color: #757575;               

                background: #ffffff; /* Old browsers */

                background: -moz-linear-gradient(top, #ffffff 0%, #edeeed 100%); /* FF3.6+ */

                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeeed)); /* Chrome,Safari4+ */

                background: -webkit-linear-gradient(top, #ffffff 0%,#edeeed 100%); /* Chrome10+,Safari5.1+ */

                background: -o-linear-gradient(top, #ffffff 0%,#edeeed 100%); /* Opera 11.10+ */

                background: -ms-linear-gradient(top, #ffffff 0%,#edeeed 100%); /* IE10+ */

                background: linear-gradient(to bottom, #ffffff 0%,#edeeed 100%); /* W3C */

                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeeed',GradientType=0 ); /* IE6-9 */

}

.show-hide-box{ height: 235px;}

.show-hide-box img{ width: 100%; }

.folio_image_replace:hover{  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform;}

.folio_image_replace{ display: none; } 



.app-portfolio-box{

    border-top: solid 1px #e7e8e7; padding: 29px 0;

    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */

    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

.app_main{float: left; width:502px; height:435px; overflow-Y:hidden; overflow-X:auto; padding-bottom: 15px;}

.app-screens img{ margin:0 12px; float: left; width: 238px;}

.app-screens{ height: 425px; margin: 0 -12px;}



.app-details{ float: right; width: 38%; margin-right: 3%;}

.app-logo{ padding-top: 50px;}

.app-logo img{ /*width: 230px;*/ height: 74px;}



.app-text{ padding-top: 35px; font-weight: 400; font-family:'open_sansregular'; font-size: 20px; line-height: 30px; color: #242424;}

.appstores{ padding-top: 70px;}

.appstores img{ vertical-align: middle; margin-right: 12px; }

.appstores img:hover{ opacity: 0.7;}



.app-details .app-text{min-height:300px;}



.rsp-portfolio-box{ padding-bottom: 0;}

.rsp-main{ width: 59%; height: 430px; float: left; }

.rsp-screens{ width: 590px;}

.rsp-details{ float: right; width: 38%;}

.rsp-title{font-size: 36px; padding-top: 30px; font-family:'bebas_neueregular';}

.rsp-text{font-weight: 400; font-family:'open_sansregular'; font-size: 20px; padding-top: 20px;}

.visit-webiste{ margin-top: 40px;}



.visit-webiste a{ display: inline-block; border-radius: 10px; padding: 10px 30px; border: solid 1px #c7c7c7; text-decoration: none; color: #727272;

                  font-size: 20px; font-weight: normal; font-family:'open_sansregular'; transition: background 0.3s ease 0s, color 0.3s ease 0s;

                  background: #f4f4f4; /* Old browsers */

                  background: -moz-linear-gradient(top, #f4f4f4 0%, #dcdcdc 100%); /* FF3.6+ */

                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */

                  background: -webkit-linear-gradient(top, #f4f4f4 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */

                  background: -o-linear-gradient(top, #f4f4f4 0%,#dcdcdc 100%); /* Opera 11.10+ */

                  background: -ms-linear-gradient(top, #f4f4f4 0%,#dcdcdc 100%); /* IE10+ */

                  background: linear-gradient(to bottom, #f4f4f4 0%,#dcdcdc 100%); /* W3C */

                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */

}

.visit-webiste a:hover{

    color: #ffffff; border: solid 1px #a80007;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb010a+0,cd161d+100 */

    background: #eb010a; /* Old browsers */

    background: -moz-linear-gradient(top, #eb010a 0%, #cd161d 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb010a), color-stop(100%,#cd161d)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #eb010a 0%,#cd161d 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #eb010a 0%,#cd161d 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #eb010a 0%,#cd161d 100%); /* IE10+ */

    background: linear-gradient(to bottom, #eb010a 0%,#cd161d 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb010a', endColorstr='#cd161d',GradientType=0 ); /* IE6-9 */

}

.app-logo{padding-top: 0px; height: 90px;}

.app-text{padding-top: 0px;}

.appstores{padding-top: 0px;}



/*********************************

End of Portfolio New design impliment on 15-7-15 by Zeeshan

**********************************/

.services_box h1{ color:#2c9599; font-family: 'segoe_uiregular'; font-weight:normal; font-size:20px;}

.services_box h1 span{ color:#d9261b;}

.title h1 span{ color:#d9261b;} 

.service_boxes{ font-family: 'segoe_uiregular'; }

.box_first{ float:left; width:23.1%; box-sizing: border-box; text-align:center; padding:25px 16px 10px; border:solid 1px #ededed; 

            border-bottom:solid 2px #d9261b; box-shadow: 0 0 8px #ededed; margin-left:25px; margin-bottom:18px; position:relative;}

.box_first:hover .red_button:hover{background-color:#E9E9E9; color:#333;}

.box_first span{ font-size:13px;}



.box_first h3{ font-size:20px; color:#444444; font-weight:normal;}

.portfolio_wraper{ /*padding-top:20px;*/}

.portfolio{  font-family: 'segoe_uiregular'; float:left; position:relative;}

.folio_shadow{ background:url(../images/posrtfolio_shadow_09.jpg) no-repeat center top; height:18px; width:493px;}

.portfolio_img{  padding:5px; border:solid 1px #a5a5a5;}

.portfolio_img:hover{ opacity:0.7;}



.portfolio_title a{ color:#9b9b9b; text-decoration:none;} 

.portfolio_title a:hover{color:#FFF;} 

.portfolio_title span{ color:#9b9b9b; font-size:13px; float:right; padding-left:15px; }

.portfolio_title span p{ font-size:16px; padding:0px;  margin:0px; display:inline-block; }



.all_folio{ margin:15px auto 25px  auto; width:200px; text-align:center;}

.red_button{ background-color:#d9261b; font-family: 'segoe_uiregular'; font-weight:normal; text-align:center; border-radius:3px; font-size:20px; color:#FFF; text-decoration:none; padding:4px 10px; transition: background 0.3s ease 0s, color 0.3s ease 0s; cursor:pointer; border:none;}

.red_button:hover, .redbtn_active{ background-color:#2c9599; transition:all 0.2s ease 0s;padding:4px 18px; }

.client_testimonials{}

.testimonial_wrap{ width:828px; margin:50px auto 60px;  font-family: 'segoe_uiregular'; font-style:italic;}



.client_img{ width:153px; height:142px; float:left;}

.client_img img{ border-radius:50%; border: solid 4px #d9261b; float:left; width:153px; height:142px;}

.client_img img:hover{ opacity:0.7;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform;}

.client_text{ width:71%; float:left; padding-left:35px;}

.quote_top{ background:url(../images/quote_top_03.png) no-repeat center; width:70px; height:52px; display:inline-block; float:left; opacity:0.5; }

.quote_bottom{ background:url(../images/quote_bottom_03.png) no-repeat center; width:70px; height:52px; display:block; float:right; opacity:0.5;}



.testimonial_wrap:hover .quote_top{background:url(../images/quote_toop_h_03.png) no-repeat center;  -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: transform; opacity:10; }

.testimonial_wrap:hover .quote_bottom{background:url(../images/quote_bootom_h_03.png) no-repeat center;

                                      -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: transform; opacity:10;

}



.client_text p{ color:#888888; font-size:18px; text-align:center; width:100%; margin:0 auto;}

.quote_top p h3{ color:#e43721;}

.pagination{ text-align:center; display:block; padding:15px 0px; vertical-align:middle;}

.red_title{ color:#e43721; font-size:20px; font-style:italic;}

.black_title{ color:#000; font-size:20px; padding-bottom:0px; display:block;  font-style:italic;} 



#footer_wrap{ background-color:#f6f5f5; border-top:solid 1px #aeaeae; margin-top:35px; margin-bottom: -8px;}

.footer{ padding:30px 0px; }

.left_link{ float:left; width:60%;}

.left_link a, .left_link{ color:#888888; text-decoration:none; padding:0 15px; font-size:12px; float:left; font-family:'open_sansregular';}

.left_link a:hover, .left_link_active{ color:#d9261b !important;}

.left_link:first-child a{ padding-left:0px;}



.left_link span{ padding-top:10px; display:inline-block;}

.right_link{float: right;}

.soail_icons{ float:right; margin-left:25px;}

.soail_icons a img{ opacity:0.3;}

.soail_icons a:hover img{ opacity:0.5;}



#inner_banner{ margin:0 auto; width:100%; size:landscape; margin-top:20px; margin-top:0px\9;} 

#inner_banner img{ width:100%;} 

.main_wraper p{font-family: 'segoe_uiregular'; color:#777777; font-size:15px; line-height:24px; }

.inner_services{ padding-top:40px;}

.inner_services .service_boxes .box_first{padding:10px; width:215px; height:310px; line-height:20px;}

.our_clients{ background:url(../images/our_clientsbg_05.jpg) repeat-x top #FFF; padding:20px 0 0 0; margin-top:40px;}



.client_slider{ margin-top:10px;}

.portfolio_page .portfolio{ margin-bottom:30px;}

.all_folio_inn{ margin:0px auto; width:224px; display:table; text-align:center;}



.portfolio_title{ width:469px; background:url(../images/foliobg_08.jpg) no-repeat center #333333; position:absolute; margin-top:-48px; color:#FFF; 

                  font-size:18px; padding:7px 12px; display:none;}



.services_box{ width:310px; margin-left:27px; margin-bottom:70px;}

.sevice_img{ text-align:center;}

.sevice_img img{ border:solid 1px #cccccc; border-radius:50%; width: 205px; height: 205px; }



.sevice_img:after{height:20px; width:100px; border-radius:100%; content:"";position:absolute;top:50%;left:65%;z-index:100; margin-left:-95px; margin-top:0px; z-index:-1;

                  background: -moz-radial-gradient(center, ellipse cover, rgba(135,135,135,1) 0%, rgba(135,135,135,0.96) 3%, rgba(255,255,255,0.05) 72%, rgba(255,255,255,0) 76%); /* FF3.6+ */

                  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(135,135,135,1)), color-stop(3%,rgba(135,135,135,0.96)), color-stop(72%,rgba(255,255,255,0.05)), color-stop(76%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

                  background: -webkit-radial-gradient(center, ellipse cover, rgba(135,135,135,1) 0%,rgba(135,135,135,0.96) 3%,rgba(255,255,255,0.05) 72%,rgba(255,255,255,0) 76%); /* Chrome10+,Safari5.1+ */

                  background: -o-radial-gradient(center, ellipse cover, rgba(135,135,135,1) 0%,rgba(135,135,135,0.96) 3%,rgba(255,255,255,0.05) 72%,rgba(255,255,255,0) 76%); /* Opera 12+ */

                  background: -ms-radial-gradient(center, ellipse cover, rgba(135,135,135,1) 0%,rgba(135,135,135,0.96) 3%,rgba(255,255,255,0.05) 72%,rgba(255,255,255,0) 76%); /* IE10+ */

                  background: radial-gradient(ellipse at center, rgba(135,135,135,1) 0%,rgba(135,135,135,0.96) 3%,rgba(255,255,255,0.05) 72%,rgba(255,255,255,0) 76%); /* W3C */

                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



.grow {

    display: inline-block;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);}

.grow:hover, .grow:focus, .grow:active {

    -webkit-transform: scale(1.1);

    transform: scale(1.04);}



.services_box .title h1{ font-weight:bold; font-size:18px; line-height: 24px; margin-bottom: 5px; }

.services_box p{ text-align:justify; line-height:20px; height:105px;}

.service_more{ text-align:center;}

.service_more .red_button{ font-size:14px; }

.link{ color:#b20909; text-decoration:none;}

.link:hover{ color:#333;}



.solutions{ font-family: 'segoe_uiregular';}

.solutions h1, .inner_title{ color:#404040; font-size:20px; font-weight:normal; font-family: 'segoe_uiregular'; }

.solutions ul{ padding:0px; margin:0px;}

.solutions ul li{ padding:0px; margin:0px; list-style:none; display:block; background:url(../images/solution_li_05.jpg) no-repeat left 4px; padding-left:30px; font-size:15px; color:#777777; margin-bottom:20px;}





.posrtfolio_btn{ display:block; width:40%; padding:5px 0 35px 0; margin:0 auto;}

.web_folio{ float:left;}

.mob_folio{ float:right;}



.contact_div{ 

    float:left; 

    width:59%;

    box-sizing: border-box;

}

.form_div{ 

    float:left; 

    width:38%;

    margin-left: 3%;

    box-sizing: border-box;

}



.form_field{ padding-top:10px;}

input[type="text"]{ border-radius:2px;  }

textarea{ height:90px; border-radius:2px;  }



input[type="text"],

textarea,

select{

    font-family:Arial, Helvetica, sans-serif; 

    font-size: 13px;

    border:solid 1px #cacaca;

    padding:7px;

    width:100%;

    box-sizing: border-box;

    color:#767676;

}





.form_div h2, .contact_div h2{ color:#d9261b; font-size:18px; font-family: 'segoe_uiregular';}

.validation{ font-size:12px; color:#F00; font-family:Arial, Helvetica, sans-serif; padding-top:5px; display:none;}



.city{ float:left; width: 31%; margin-left:3%;}

.city:first-child{ margin-left:0px;}

.form_button{ padding-top:20px; margin-left:-16px; margin-top:-16px;}

.submit_btn{ float:left; width:118px; text-align:center;}

input[type="submit"]{ border:none;}



.icon{ float:left; padding-right:10px;}

.adress_detail{ float:left; color:#666666; font-size:17px; font-family: 'segoe_uiregular'; line-height:30px; padding-bottom:15px;}

.adress_detail a, .datalogy_adress a{ color:#000000; text-decoration:none; white-space: nowrap;}



.datalogy_adress { 

    padding-top:5px; 

    color:#777777; 

    font-family: 'segoe_uiregular'; 

    line-height:23px; 



    float: left;

    width:48%; margin-right:2%;

    font-size: 14px;

    word-break: break-all;

}

.datalogy_adress H2{ font-size:14px; }



.mobile_call{ display:none;}

.chat_options{ text-align:center; padding-top:50px; }

.chat_options img{ margin:0 20px;}



.footer{position: relative;}

.comodo{position: absolute; z-index: 100; bottom:5px; right: -5px;}

.comodo img{}



/*.comodo{ position: fixed; z-index: 100; right:50%; margin-right: -520px; bottom: 10px; }*/



/*.comodo{text-align: right; max-width: 1028px; margin: 0 auto; position: fixed; right: 0; left: 0; bottom: 10px; }

.comodo img{ display: inline-block;}*/





/******************* hack for IE10 *******************/

:root input[type="text"],

:root textarea,

:root select{ color: #767676;}  /*IE9 + IE10pp4 working */



:root select:first-child{color:#a5a5a5 !important;}

_:-ms-input-placeholder{}

/****************************************************/





/******************* hack for IE10 *******************/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  :root select:first-child{color:#767676 !important;}

}

/****************************************************/





/***************** IE 10, 11 hacks ******************/

html[data-useragent*='MSIE 10.0'] {

}

/****************************************************/





/***************** Chrome hacks ******************/

@media screen and (-webkit-min-device-pixel-ratio:0) {

    select:first-child{ color:#a5a5a5 !important;}

}

/****************************************************/





/***************** Safari hacks ******************/

.country_select{[;line-height:26px;];}



/****************************************************/





/*****Starts Services Hover Effects******/

.service_hover{ position:absolute; top:0px; left:0px; right: 0; bottom: 0; display:none; cursor:pointer; background:url(../images/trp.png) repeat; 

                color:#FFF; padding:15px; 

}

.service_hover h3{color:#FFF;font-size:18px;text-shadow:0 0 1px #CCC; text-align:left; padding:0px; margin:0px; height:40px;}

.hover_caption{ height:125px;}

.service_hover p{ font-size:14px; text-align:left;}

.service_hover a{font-size:13px !important; vertical-align:bottom; } 



.portfolio_hover{width:463px; height:264px; text-align:center;}

.portfolio_hover a{ font-size:17px !important;}

/**************************/



/*Start footer Go to Top*/

.airballoon{ position:absolute; right:0%; bottom:5%; z-index:0; display:none; font-size: 12px;}

.airballoon a{ background:url(../images/goto_top_23.png) top left no-repeat; width:115px; float:left; height:58px; text-indent:-9999px;}

.airballoon a:hover{ background:url(../images/goto_top_hover.png) top left no-repeat; width:115px;}

/****************************/



/********** validate class ****************/

label.error{color: #f00; display: none;font-family: Arial,Helvetica,sans-serif;font-size: 12px; padding-top: 5px;}

.country_select{ font-size: 12px; padding:6px;}

.country_select select{ width:100% !important; color:#888;}







/*.portfolio_wraper .portfolio:nth-child(2n+1) {float:right;}

.portfolio_wraper .portfolio:nth-child(2n+2) { float:left !important; }*/

.portfolio_wraper{display: table;}

/*Portfolio Tab Start*/

.portfolio_tab{font-family: 'segoe_uiregular'; padding-bottom:42px; /*position:relative;*/ overflow:visible;}

.tab_first{float:left; width:50%;}

.tab_first a{ display:block; padding:15px; font-size:22px; color:#363636; text-align:center; background-color:#dedede; margin:0 1px; position:relative;}

.tab_first a:hover, .tab_second a:hover, .tab_third a:hover{ background-color:#2a9ca0; color:#FFF; transition: background 0.3s ease 0s, color 0.3s ease 0s;}

.portfolio_tab .tab_first:nth-child(3)  { display: none !important;}



.tab_first_active{ background-color:#d9261b !important; color:#FFF !important;}

.tab_first_active:after{ border-top:8px solid #d9261b; border-left:8px solid transparent; border-right:8px solid transparent; content:""; position:absolute; top:100%; left:50%; z-index:100; margin-left:-8px;}

.not_found{ font-family: 'segoe_uiregular'; padding:38px 0px}

.not_image{ float:left; }

.not_messsage{ color:#666; float:right; width:600px;}

.not_found a{ color:#d9261b ; text-decoration:none;}



.login_main{ width:400px; margin:0 auto; font-family: 'segoe_uiregular'; }

.username{line-height:30px; color:#666; }

.login_field{}

.login_btn{ text-align:center; padding:20px 0px;}

#lastPostsLoader{text-align:center;}



.captcha_field{ 

    float:left; 

    /*width:66%;*/ 

    width: 60%;

    /*margin-right:1px;*/

    margin-right: 3%;

}

.captcha_img{ float:left;}

.captcha_img img{}

.know_more{ position:absolute; left:10.6%; top:76%;}

.combo_secure{ float:right;}

.mob_menu{ display:none;}

#drop_down abbr{ display:none;}

#drop_downp abbr{ display:none;}



.ff-captcha .validation{float: left; width: 100%; margin: -15px 0 15px 0;}

.city_select .select-country-validation{color :red; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}









/*===== web portfolio select box css =====*/



/*.slect_box{ float:left; margin-left:15px; box-shadow: 2px 2px 1px #ebebeb; color: #989898; font-size: 14px; line-height: 25px; overflow: hidden; width: 360px;}

.slect_box select { font-family: 'segoe_uiregular'; font-size:16px; background: none; border: medium none; padding: 6px; width: 107%; color:#989898;}*/





.wps-sp{}

.wps-sp .web-port-select{width: 200px !important; font-size: 15px !important;}



.web-port-select{float:left; width: 170px; margin-left:5px; box-shadow: 2px 2px 1px #ebebeb; color: #989898; line-height: 25px; }

.web-port-select .select-wrapper{

    float: left;

    display: inline-block;

    border: 1px solid #cecece;            

    background:url(../images/select-arrow_03.jpg) no-repeat right center;

    cursor: pointer;

    width: 100%;

}

.web-port-select .select-wrapper, 

.web-port-select .select-wrapper select, 

.web-port-select .select-wrapper .holder{ height: 34px; line-height: 30px;

}

.web-port-select .select-wrapper select{

    width:100%;

    margin: 0;

    cursor: pointer;

    outline: none;

    opacity: 0;

    /*position: absolute;

    z-index: 2;*/    

    /* CSS hacks for older browsers */

    _noFocusLine: expression(this.hideFocus=true); 

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -khtml-opacity: 0;

    -moz-opacity: 0;

}

.web-port-select .select-wrapper .holder{

    display: block;

    margin: -33px 35px 0 8px;

    white-space: nowrap;            

    overflow: hidden;

    cursor: pointer;

    position: relative;

    z-index: -1; 



}

.web-port-select .select-wrapper select{font-family: 'segoe_uiregular'; font-size:16px; color:#989898; }

.apptext-height{min-height: 100px;}   

/*======================================*/





/*Career Facilitis page */

.carrers-facility{font-family: 'segoe_uiregular'; padding: 35px 0 18px 0;}

.facility{text-align: center; box-sizing: border-box; background-color: #f3f3f3; padding: 18px 0; width: 23.9%; float: left; margin-left: 15px;}

.facility:first-child{ margin-left: 0;}

.facility i{ font-size: 45px; color: #2c9599;}

.facility span{ font-size: 18px; color: #606060; display: block; padding-top: 15px;}





/*********************************

1111111111111111111111111111111111

**********************************/

@media (min-width: 900px) and (max-width: 1027px) {

    #header, 

    .sevice_wraper, 

    .portfolio_wraper, 

    .footer, 

    .main_wraper{width:100%; max-width:890px; margin:0 auto;}



    .logo{ width:auto;}

    .top_menu ul li a{ padding: 0 4px; }

    .topmenu-eng ul li a{ padding:0 5px !important;}

    .box_first{ margin-left:12px;}

    .service_hover{ /*width:192px; height:213px;*/ padding:10px;}

    .portfolio_img{ width:425px;}

    .portfolio_img img{ width:100%;}

    .folio_shadow{ width:435px;}

    .portfolio_title{ width:413px;}



    .portfolio_page .portfolio{ margin-bottom:10px;}

    .services_box{ margin-left:20px; width:268px;}



    /********* New CSS by Zeeshan for portfolio *************/

    .tab_first a{font-size:20px;}

    .services_box .title h1{font-size: 17px;}

    .folio_main_block{margin: 0 -13px;}

    .folio_box_less{width: 47.1%; margin: 0 13px 28px; padding: 12px;}

    .folio_box h2{font-size: 24px;}

    .show-hide-box{height: 203px;}



    .rsp-main{width: 58%; height: inherit; margin-bottom: -4px;}

    .rsp-screens{width: 100%;}

    .rsp-screens img{width: 100%;}

    .rsp-details{width: 39%;}

    .rsp-title{padding-top: 0px;}

    .visit-webiste{margin-top: 20px;}



    .portfolio-box{width: 90%;}

    .box_first{padding: 25px 16px 20px;}

    .box_first h3{font-size: 17px;}

    .wps-sp{margin-top: -15px !important; padding-bottom: 20px !important;}



    .comodo{ bottom:6px; right: 55px;}

    .comodo img{width: 90px;}



    /*Career Facilitis page */

    .facility{margin-left: 13px;}

    .facility span{font-size: 17px;}

    .facility i{font-size: 38px;}



    .contact_div{ padding-left:10px;}

    .form_div{padding-right: 10px;}

    .captcha_field{width: 55%;}



}

/****************************

22222222222222222222222222222

*****************************/

@media (min-width: 768px) and (max-width: 899px) {



    #header, .sevice_wraper, .portfolio_wraper, .footer, .main_wraper{width:100%; max-width:758px; margin:0 auto;}		

    .top_menu{background-color:#FFF; width:100%; box-shadow:2px 5px 5px #999;}

    .mob_menu{

        cursor:pointer; display:block; padding:8px 6px 2px 6px; border:solid 1px #cfcfcf; float:right; border-radius:4px; margin:25px 10px 0;

        background: #e7e7e7; /* Old browsers */

        background: -moz-linear-gradient(45deg, #e7e7e7 0%, #f2f2f2 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e7e7e7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* IE10+ */

        background: linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

    .mob_menu:hover{

        background: #f2f2f2; /* Old browsers */

        background: -moz-linear-gradient(45deg, #f2f2f2 0%, #e7e7e7 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f2f2f2), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* IE10+ */

        background: linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

    }

    .top_menu ul li a{ line-height:50px; padding: 0 14px;}

    .top_menu ul li ul li a{ padding: 0 5px;}

    .topmenu-eng ul li a{ padding:0 14px !important;}

    .top_menu ul li ul{ top:53px;}



    .box_first{ margin-left:12px; padding:25px 10px 10px; width: 23.8%;}

    .box_first h3{min-height: 82px;}

    .service_hover{  padding:5px;  }

    .service_hover h3{min-height: 50px;}

    .service_hover p{ line-height:17px;}

    .hover_caption{ height:141px;}

    .portfolio_img{ width:355px;}

    .portfolio_img img{ width:100%;}

    .folio_shadow{ width:100%;}

    .portfolio_title{ width:343px;}



    .testimonial_wrap{ width:720px; }

    .client_img{ width:120px;}

    .client_img img{ width:120px; height:120px;}

    .client_text{ padding-left:10px; width:65%;}

    .left_link{ width:68%;}

    .portfolio_page .portfolio{ margin-bottom:10px;}



    .services_box{ margin-left:15px; width:230px;}

    .services_box p{ height:135px; font-size:16px}

    .services_box .title h1{ font-size:14px;}

    .sevice_img{ }

    .sevice_img img{width:150px; height: 150px;}

    .sevice_img:after{ margin-top: -40px;}

    .our_clients{ margin-top:10px;}



    .contact_div{ padding-left:10px;}

    .form_div{ padding-right:10px;}

    .city{ width: 100%;  margin: 0 0 10px; }

    .captcha_field{width:49%;}



    .tab_first a{font-size:17px;}

    .portfolio_select {float: right; font-family: "segoe_uiregular"; margin: 0 auto; padding-bottom: 20px; padding-top: 0px; margin-top: -15px;}



    .folio_main_block{margin: 0 -10px;}

    .folio_box_less{width: 47.4%; margin: 0 10px 28px; padding: 10px;}

    .folio_box h2{font-size: 20px; margin: 5px 0;}

    .show-hide-box{height:173px;}



    .app-details{width: 32%; margin-right: 0;}

    .app-logo{padding-top: 0px; height: 70px;}

    .app-logo img{width: 200px;}

    .app-text{font-size: 18px; padding-top: 10px; line-height: 26px;}

    /*.appstores{padding-top: 95px;}*/

    .appstores a img{width: 106px;}



    .app-details .app-text{min-height:330px;}



    .rsp-main{width: 54%; height: inherit; margin-bottom: -4px;}

    .rsp-screens{width: 100%; vertical-align: bottom;}

    .rsp-screens img{width: 100%;}

    .rsp-details{width: 42%;}

    .rsp-title{padding-top: 0px;}

    .visit-webiste{margin-top: 20px;}



    .portfolio-box{width: 97%;}

    .port-link-box{width: 244px; height: 433px; padding: 25px 20px;}

    .home-port .port-link-box{height: 400px; }



    /*.port-web{background: url(../images/port-web-bg-resp2.png) no-repeat 0px 0px;}

    .port-mobile{background: url(../images/port-mobile-bg-resp2.png) no-repeat 0px 0px;}

    .port-responsive{background: url(../images/port-responsive-bg-resp2.png) no-repeat 0px 0px;}

    

    .port-web::before{background: url(../images/port-web-bg-hover-resp2.png) no-repeat 0px 0px;}

    .port-mobile::before{background: url(../images/port-mobile-bg-hover-resp2.png) no-repeat 0px 0px;}

    .port-responsive::before{background: url(../images/port-responsive-bg-hover-resp2.png) no-repeat 0px 0px;}*/



    .port-top-up-shaddow{background-size: 105%;}

    .port-link-box .port-icon{padding-top: 10px;}



    .comodo{ bottom:6px; right: 55px;}

    .comodo img{width: 90px;}



    /*Career Facilitis page */

    .facility{margin-left: 11px;}

    .facility span{font-size: 14px;}

    .facility i{font-size: 38px;}



}



/***********************************

333333333333333333333333333333333333

***********************************/

@media (min-width: 600px) and (max-width: 767px){



    #header, .sevice_wraper, .portfolio_wraper, .footer, .main_wraper{width:100%; max-width:590px; margin:0 auto;}	

    .mob_menu{

        cursor:pointer; display:block; padding:8px 6px 2px 6px; border:solid 1px #cfcfcf; float:right; border-radius:4px; margin:25px 10px 0;

        background: #e7e7e7; /* Old browsers */

        background: -moz-linear-gradient(45deg, #e7e7e7 0%, #f2f2f2 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e7e7e7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* IE10+ */

        background: linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    }

    .mob_menu:hover{

        background: #f2f2f2; /* Old browsers */

        background: -moz-linear-gradient(45deg, #f2f2f2 0%, #e7e7e7 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f2f2f2), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* IE10+ */

        background: linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

    }	

    .top_menu{background-color:#FFF; width:100%; box-shadow:2px 5px 5px #999;}

    .top_menu ul li a{ line-height:50px; padding: 0 3px; font-size: 12px;}

    .top_menu ul li ul li a{ padding: 0 5px;}

    .topmenu-eng ul li a{ padding:0 10px !important; font-size: 12px;}

    .top_menu ul li ul{ top:53px;}



    .box_first{ margin-left:11px; padding:25px 7px 8px; width: 23.5%;}

    .box_first h3{ font-size:16px; min-height: 67px;}

    .service_hover{  padding:3px;  }

    .service_hover h3{ height:25px; font-size:15px; min-height: 35px;}

    .service_hover p{ line-height:15px; font-size:12px;}

    .hover_caption{ height:141px;}



    .portfolio_img{ width:275px;}

    .portfolio_img img{ width:100%;}

    .folio_shadow{ width:280px; background-size:100%;}

    .portfolio_title{ width:263px;}



    .testimonial_wrap{ width:580px; }

    .client_img{ width:100px;}

    .client_img img{ width:100px; height:100px;}

    .client_text{ padding-left:10px; width:65%;}

    .left_link{ width:85%;}



    .portfolio_page .portfolio{ margin-bottom:10px;}



    .services_box{ margin-left:25px; width:260px;}

    .services_box p{ height:135px; font-size:16px}

    .services_box .title h1{ font-size:15px;}

    .sevice_img{}

    .sevice_img img{ width:200px; height: 200px; }

    .sevice_img:after{ margin-top: -15px; margin-left:-87px;}

    .our_clients{ margin-top:10px;}



    .contact_div{ padding-left:10px;}

    .form_div{margin-left: 2%; width: 39%; padding-right: 10px;}

    .captcha_field{ width: 100%; margin-right: 0; }

    .captcha_img{margin-top: 10px; margin-bottom: 10px;}



    .chat_options a{ width:20%;}

    .chat_options img{ margin:0 10px;}



    #display_mobile{display:none}

    #display_mobilep{display:none}

    #drop_down abbr{display:block}

    #drop_downp abbr{display:block}



    /*********** New CSS by Zeeshan for portfolio page update ***************/

    .portfolio_title_new{ display:block; text-align:center; width:100%; height:80px;}

    .tab_first a{font-size:16px;}

    .portfolio_select{ padding-bottom:25px; margin: 0 auto; width:310px; padding-right: 0; float: none;}



    .wps-sp{width: 360px !important;}



    .folio_main_block{margin: 0 0px;}

    .folio_box_less{width: 80%; margin: 0 auto 20px; padding: 10px; float: none;}

    .folio_box h2{font-size: 20px; margin: 5px 0;}

    .show-hide-box{height:225px;}



    .app_main{float: none; margin: 0 auto;}

    .app-details{width: 502px; float: none; margin: 0 auto;}

    .app-logo{padding-top: 20px; height: inherit;}

    .app-logo img{width: 200px;}

    .app-text{font-size: 18px; padding-top: 20px; line-height: 26px;}

    /*.appstores{padding-top: 20px;}*/

    .appstores a img{width: 106px;}

    .app-details .app-text{min-height:1px; padding-bottom: 20px;}



    .rsp-main{width: 85%; height: inherit; margin: 0 auto; float: none;}

    .rsp-screens{width: 100%;}

    .rsp-screens img{width: 100%;}

    .rsp-details{width: 84%; float: none; margin: 0 auto;}

    .rsp-title{padding-top: 20px;}

    .visit-webiste{margin-top: 20px; margin-bottom: 20px; float: left; width: 100%;}

    .portfolio-box-main{margin-top: 20px;}



    .portfolio-box{width: 98%;}

    .port-link-box{width: 192px; height:390px; padding:20px 10px; margin-bottom: 10px;}

    /*.port-web{background: url(../images/port-web-bg-resp3.png) no-repeat 0px 0px;}

    .port-mobile{background: url(../images/port-mobile-bg-resp3.png) no-repeat 0px 0px;}

    .port-responsive{background: url(../images/port-responsive-bg-resp3.png) no-repeat 0px 0px;}

    

    .port-web::before{background: url(../images/port-web-bg-hover-resp3.png) no-repeat 0px 0px;}

    .port-mobile::before{background: url(../images/port-mobile-bg-hover-resp3.png) no-repeat 0px 0px;}

    .port-responsive::before{background: url(../images/port-responsive-bg-hover-resp3.png) no-repeat 0px 0px;}*/



    .home-port .port-link-box{height: 360px; }

    .port-link-box,

    .port-link-box::before{background-position: center bottom;}



    .port-top-up-shaddow{background-size: 105%;}

    .port-link-box .port-icon{line-height: 80px; font-size:75px; padding-top: 10px;}

    .port-link-box .title-top{font-size: 35px;}

    .port-link-box .port-text{font-size: 15px;}

    .port-mobile .port-icon{font-size: 80px !important;}

    .plz-select-category{font-size: 22px;}

    .port_title_new h1{margin: 0px;}



    .comodo{ bottom:18px; right: 45px;}

    .comodo img{width: 65px;}



    /*Career Facilitis page */

    .facility{margin-left: 8.5px;  }

    .facility span{font-size: 16px; height: 35px;}

    .facility i{font-size: 38px;}



    .datalogy_adress{width: 98%;}

    .city{width: 100%;  margin: 0 0 10px;}



}

/***********************************

44444444444444444444444444444444444

***********************************/

@media (min-width: 480px) and (max-width: 599px){



    #header, .sevice_wraper, .portfolio_wraper, .footer, .main_wraper{width:100%; max-width:470px; margin:0 auto;}		

    .main_wraper{ width:460px; margin:0 auto;}

    #banner{ margin-top:-22px;}

    .title h1{ font-size:28px; margin:7px;}



    .mob_menu{

        cursor:pointer; display:block; padding:8px 6px 2px 6px; border:solid 1px #cfcfcf; float:right; border-radius:4px; margin:25px 10px 0;

        background: #e7e7e7; /* Old browsers */

        background: -moz-linear-gradient(45deg, #e7e7e7 0%, #f2f2f2 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e7e7e7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* IE10+ */

        background: linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    }

    .mob_menu:hover{

        background: #f2f2f2; /* Old browsers */

        background: -moz-linear-gradient(45deg, #f2f2f2 0%, #e7e7e7 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f2f2f2), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* IE10+ */

        background: linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

    }

    .top_menu ul li.menu-click ul.menu-panel{display: none;}

    .top_menu ul li.menu-clickp ul.menu-panelp{display: none;}



    .top_menu{background-color:#FFF; width:100%; box-shadow:2px 5px 5px #999; z-index:999999; }

    .top_menu ul li{ width:100%; }

    .top_menu ul li a{ line-height:20px; padding: 7px 10px; border-bottom: 1px solid #d0d0d0;}

    .topmenu-eng ul li a{ padding:7px 10px !important;}

    .top_menu ul li ul{width:100% !important; left:0; top:0px; position:relative; }

    .top_menu ul li ul li a{ width:97%; /*line-height:20px;*/ line-height:38px !important; padding: 0 6px;}

    .top_menu ul li a:hover, .menu_active{border-bottom: 1px solid #d9261b !important; color: #d9261b !important;}



    .box_first{ margin-left:11px; padding:13px 7px 8px; width: 48.7%;}

    .box_first h3{ font-size:15px; min-height: 40px; line-height: 20px;}

    .box_first h3 br{ display:none;}



    .service_hover{padding:10px; }

    .service_hover h3{ min-height:25px; font-size:15px;}

    .service_hover p{ line-height:14px; font-size:14px;}

    .hover_caption{ height:90px;}

    .third_box{ margin-left:0px;}



    .portfolio_wraper .portfolio{ width:460px; float:left !important; margin-left:10px;}

    .portfolio_img{ width:440px;}

    .portfolio_img img{ width:100%;}

    .folio_shadow{ width:450px; background-size:100%;}

    .portfolio_title{ width:428px;}



    .testimonial_wrap{ width:460px; }

    .client_img{ width:80px;}

    .client_img img{ width:80px; height:80px;}

    .client_text{ padding-left:10px; width:65%;}

    .left_link{ width:85%;}



    .portfolio_page .portfolio{ margin-bottom:10px;}

    .tab_first a{font-size:16px;  padding:15px 0px;}



    .services_box{ margin-left:20px; margin-bottom:30px; width:205px;}

    .services_box p{ height:135px; font-size:14px}

    .services_box .title h1{ font-size:12px;}

    .sevice_img{}

    .sevice_img img{ width:150px; height: 150px;}

    .sevice_img:after{ margin-top: -38px; margin-left:-80px;}

    .our_clients{ margin-top:10px;}



    .contact_div{ padding-left:0px; width: 100%; }

    .form_div{width: 100%; margin-left: 0;}



    .captcha_img{ width:100px; overflow:hidden;}

    .chat_options a{ width:20%;}

    .chat_options img{ margin:0 0px;}

    .adress_detail{ font-size:13px; line-height:20px;}

    .datalogy_adress{ font-size:13px; width: 100%; margin-right: 0; }

    .form_button{width: 100%; float: left;}



    #display_mobile{display:none}

    #display_mobilep{display:none}

    #drop_down abbr{display:block}

    #drop_downp abbr{display:block}

    .slide_div{ display:none;}



    /********* New CSS by Zeeshan for portfolio page update ***********/

    .portfolio_title_new{ display:block; text-align:center; width:100%; height:45px;}

    .slect_box{ width:260px;}

    .portfolio_select{ padding-bottom:25px; margin: 0 auto; width:310px; float: none;}

    .wps-sp{width: 355px !important;}



    .portfolio_tab{padding-bottom: 25px;}

    .folio_main_block{margin: 0 0px;}

    .folio_box_less{width: 85%; margin: 0 auto 20px; padding: 10px; float: none;}

    .folio_box h2{font-size: 20px; margin: 5px 0;}

    .show-hide-box{height:188px;}



    .app_main{float: none; margin: 0 auto; width: 242px;}

    .app-details{width:90%; float: none; margin: 0 auto;}

    .app-logo{padding-top: 20px; height:inherit; }

    .app-logo img{width: 200px;}



    .app-text{font-size: 16px; padding-top: 20px; line-height: 26px;}

    /*.appstores{padding-top: 20px;}*/

    .appstores a img{width: 106px;}

    .app-details .app-text{min-height:1px; padding-bottom: 20px;}



    .viewport{width: 242px;}



    .app-portfolio-box{padding: 20px 0;}

    .rsp-portfolio-box{margin-bottom: 20px;}

    .rsp-main{width: 89%; height: inherit; margin: 0 auto; float: none;}

    .rsp-screens{width: 100%;}

    .rsp-screens img{width: 100%;}

    .rsp-details{width: 93%; float: none; margin: 0 auto;}

    .rsp-title{padding-top: 20px;}

    .visit-webiste{margin-top: 0px; padding: 15px 0 5px; width: 100%;}



    .portfolio-box{width: 70%;}

    .port-link-box{width: 325px; height: 425px; padding: 30px; margin-bottom: 10px;}



    .port-link-box,

    .port-link-box::before{background-position: center bottom; }



    .port-top-up-shaddow{background-size: 100%;}

    .port-link-box .port-icon{padding-top: 0px;}

    .port-link-box .view-btn{margin-top: 10px;}

    .port-link-box .port-text{min-height: 110px;}



    .home-port .portfolio-box{width: 100%;}

    .home-port .port-link-box{width: 100% !important; height:400px; padding: 30px; margin-bottom: 10px;}



    .home-port .port-link-box,

    .home-port .port-link-box::before{background-position: center top; background-size: cover;}



    .comodo{ bottom:25px; right: 60px;}

    .comodo img{width: 65px;}



    /*Career Facilitis page */

    .carrers-facility{padding: 10px 0 38px;}

    .facility{width: 48.3%; margin-top: 15px !important;}

    .facility:nth-child(2n+1) { margin: 0;}

    .facility:nth-child(2n+2) { margin-left: 15px; }



}

/**********************************

55555555555555555555555555555555555

**********************************/

@media (min-width: 320px) and (max-width: 479px), only screen and (max-width: 320px ){



    #header, .sevice_wraper, .portfolio_wraper, .footer, .main_wraper{width:100%; max-width:320px; margin:0 auto;}

    .portfolio_wraper{display: table;}

    .main_wraper{ width:310px; margin:0 auto;}

    #banner{ margin-top:-27px;}

    .title h1{ font-size:28px; margin:7px;}

    .logo{ width:250px; margin-left:5px;}

    .logo img{ width:245px;}

    #drop_down img{margin-top: 1px; width: 20px;}

    #drop_downp img{margin-top: 1px; width: 20px;}

    #drop_down abbr span img{ width:inherit !important;}

    #drop_downp abbr span img{ width:inherit !important;}



    .mob_menu{

        cursor:pointer; display:block; padding:1px 3px 0px; border:solid 1px #cfcfcf; float:right; border-radius:3px; margin:18px 5px 0 0px;

        background: #e7e7e7; /* Old browsers */

        background: -moz-linear-gradient(45deg, #e7e7e7 0%, #f2f2f2 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e7e7e7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* IE10+ */

        background: linear-gradient(45deg, #e7e7e7 0%,#f2f2f2 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    }

    .mob_menu:hover{

        background: #f2f2f2; /* Old browsers */

        background: -moz-linear-gradient(45deg, #f2f2f2 0%, #e7e7e7 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f2f2f2), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* IE10+ */

        background: linear-gradient(45deg, #f2f2f2 0%,#e7e7e7 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

    }	



    .top_menu{background-color:#FFF; width:100%; box-shadow:2px 5px 5px #999; z-index:999999;}

    .top_menu ul li{ width:100%;}

    .top_menu ul li a{ line-height:20px !important; padding: 7px 10px; border-bottom: 1px solid #d0d0d0;}

    .topmenu-eng ul li a{ padding:7px 10px !important;}

    .topmenu-eng ul li ul li a{line-height:38px !important;}



    .top_menu ul li ul{ width:100% !important; left:0; top:0px; position:relative;}

    .top_menu ul li ul li a{ width:95%; /*line-height:20px;*/}

    .top_menu ul li a:hover, .menu_active{border-bottom: 1px solid #d9261b !important; color: #d9261b !important;}

    .top_menu li.menu-click ul.menu-panel{display: none;}

    .top_menu ul li.menu-clickp ul.menu-panelp{display: none;}



    .box_first{ margin:0 auto !important; margin-bottom:16px !important;  float:none; padding:20px 7px; width: 235px;}

    .box_first h3{ font-size:15px; text-decoration:none !important;}

    .service_boxes a{ text-decoration:none !important;}

    .portfolio_wraper .clear{ display:none !important;}

    .box_first h3 br{ display:none;}



    .service_hover{  padding:10px;  }

    .service_hover h3{ height:25px; font-size:15px;}

    .service_hover p{ line-height:14px; font-size:14px;}

    .hover_caption{ height:90px;}

    .third_box{ margin-left:0px;}



    .portfolio_wraper .portfolio{ width:300px; float:left !important; margin-left:8px;}

    .portfolio_img{ width:290px;}

    .portfolio_img img{ width:100%;}

    .folio_shadow{ width:300px; background-size:100%;}

    .portfolio_title{ width:277px; font-size:13px;}



    .title h1{ font-size:25px;}

    .plz-select-category{font-size: 20px;}

    .testimonial_wrap{ width:300px; }

    .red_title{ font-size:16px;}

    .black_title{ font-size:16px;}



    .client_img{ width:80px;}

    .client_img img{ width:80px; height:80px;}

    .client_text{ padding-left:10px; width:65%;}

    .left_link{ width:85%;}

    .app-logo{ margin: 0 auto; text-align: center;}

    .app-logo img{ width: auto !important;}



    .quote_top, .quote_bottom{ width:35px; height:35px; background-size:100%;}

    .testimonial_wrap:hover .quote_top{background:url(../images/quote_toop_h_03.png) no-repeat center; background-size:100%;}

    .testimonial_wrap:hover .quote_bottom{background:url(../images/quote_bootom_h_03.png) no-repeat center;background-size:100%;}



    .portfolio_page .portfolio{ margin-bottom:6px;}

    .tab_third{}

    .tab_first{width: 50%;}

    .tab_first a{ margin:0 5px; font-size:16px; padding:10px 0px; border-bottom:solid 1px #CCC;}



    .services_box{ margin-left:20px; margin-bottom:30px; width:280px;}

    .services_box p{ height:105px; font-size:14px}

    .services_box .title h1{ font-size:15px;}

    .sevice_img{}

    .sevice_img img{ width:180px; height: 180px;}

    .sevice_img:after{ margin-top: -5px; margin-left:-92px;}

    .our_clients{ margin-top:10px;}



    .contact_div{ padding-left:10px; padding-right: 10px; width:100%;}

    .form_div{ width:100%; padding-left:10px; padding-right: 10px; margin-left: 0;}

    .city{ width:100%; margin:0 0 10px;}

    .city:last-child{margin-bottom:0 !important;}

    .captcha_field{width: 46%; margin-right:10px;}



    .captcha_img{ width:100px; overflow:hidden;}

    .chat_options a{ width:20%;}

    .chat_options img{ margin:0 0px;}

    .adress_detail{ font-size:15px; line-height:20px;}

    .datalogy_adress{ font-size:13px;}

    .submit_btn{ width:115px;}





    #display_mobile{display:none}

    #display_mobilep{display:none}

    #drop_down abbr{display:block}

    #drop_downp abbr{display:block}

    .slide_div{ display:none;}



    /******* New CSS by Zeeshan for portfolio page **********/

    .portfolio_title_new{ display:block; text-align:center; width:100%; height:45px;}

    .select_title{ font-size:16px; padding-left:7px;}

    .slect_box{ width:95%; margin-left: 7px;}

    .portfolio_select{ padding-bottom:20px; padding-top:0px; margin: 0 auto; width:100%; padding-right: 0;}

    .portfolio_tab{ height:180px;}



    .web-port-select{ margin-left: 5px; width: 307px;}

    .wps-sp{width: 100% !important;}

    .wps-sp .web-port-select{ margin-left: 5px; width: 307px !important;}



    .folio_main_block{margin: 0 0px;}

    .folio_box_less{width: 96%; margin: 0 auto 25px; padding: 8px; float: none;}

    .folio_box h2{font-size: 16px; margin: 7px 0;}

    .show-hide-box{height:145px;}

    .folio_shares{min-height: 65px; float: none;}

    .folio-visit-site {float: left; width: 100%; text-align: center;}

    .heart-count{width: 29%; padding-left: 5px; display: inline-flex;}

    .liked-counter span{position: relative; left: -16px; top: -2px;}



    .app_main{float: none; margin: 0 auto; width: 242px;}

    .app-details{width:80%; float: none; margin: 0 auto;}

    .app-logo{padding-top: 20px; height: inherit;}

    .app-logo img{width: 180px;}

    .app-text{font-size: 15px; padding-top: 20px; line-height: 22px;}

    /*.appstores{padding-top: 20px;}*/

    .appstores a img{width: 106px;}

    .viewport{width: 242px;}

    .app-details .app-text{min-height:1px; padding-bottom: 20px;}



    .app-portfolio-box{padding: 20px 0;}

    .rsp-portfolio-box{margin-bottom: 20px;}

    .rsp-main{width: 95%; height: inherit; margin: 0 auto; float: none;}

    .rsp-screens{width: 100%;}

    .rsp-screens img{width: 100%;}

    .rsp-details{width: 93%; float: none; margin: 0 auto;}

    .rsp-title{padding-top: 20px;}

    .visit-webiste{margin-top: 0px; padding: 15px 0 5px; width: 100%;}

    .visit-webiste a{padding: 6px 20px; border-radius:8px; font-size: 18px;}



    .portfolio-box{width: 100%;}

    .port-link-box{ padding: 40px 15px 80px;}

    .port-link-box{margin: 0 auto 10px;; float: none;}

    .port-top-up-shaddow{background-size: 110%;}







    .comodo{ bottom:inherit; right: inherit; position: inherit; text-align: center; padding-top: 10px; margin-bottom: -20px; }

    .comodo img{width: 75px;}



    /*Career Facilitis page */

    .carrers-facility{padding: 10px 0 38px;}

    .facility{width: 47.4%; margin-top: 15px !important;}

    .facility:nth-child(2n+1) { margin: 0;}

    .facility:nth-child(2n+2) { margin-left: 15px; }

    .facility span{ font-size: 16px; height: 33px;}



    .datalogy_adress{ 

        font-size:13px; 

        width: 98%;

    }

}



@media only screen and (max-width : 600px) {



}

@media only screen and (max-width : 480px) {

    .logo a {padding: 10px 0 0;}

    .mob_menu{margin: 25px 5px 0 0;}

}