/*@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}*/
/* latin */
/*
@font-face {
font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
*/

a,button,i.fa,img{transition:all .5s ease-in-out 0s}.vm,img{vertical-align:middle}h2,h3{color:#646263}@font-face{font-family:Montserrat;src:url(https://www.top-ten-website-marketing.com/css2016/Montserrat-Light.eot);src:url(https://www.top-ten-website-marketing.com/css2016/Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(Montserrat-Light.woff) format('woff'),url(Montserrat-Light.ttf) format('truetype');font-weight:300;font-style:normal}@font-face{font-family:'Montserrat Extra';src:url(https://www.top-ten-website-marketing.com/css2016/Montserrat-ExtraBold.eot);src:url(https://www.top-ten-website-marketing.com/css2016/Montserrat-ExtraBold.eot?#iefix) format('embedded-opentype'),url(https://www.top-ten-website-marketing.com/css2016/Montserrat-ExtraBold.woff) format('woff'),url(https://www.top-ten-website-marketing.com/css2016/Montserrat-ExtraBold.ttf) format('truetype');font-weight:800;font-style:normal}
/*
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0}article,figure,footer,header,hgroup,nav,section{display:block;margin:0;padding:0}
img{border:0;height:auto;max-width:100%}ul{list-style-type:none;padding:0;margin:0}a,button{text-decoration:none;outline:0;color:#000}a,form,h1,h2,h3,h4,h5,h6,input,label,p,td{padding:0;margin:0;border:none;text-decoration:none;font-weight:400;font-family:Montserrat,sans-serif}h1,h2{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}body,p{color:#646263;font-size:16px;font-weight:400}input[type=text],input[type=button],input[type=submit],input[type=email],input[type=tel],textarea{-webkit-border-radius:0;-webkit-appearance:none;transition:all .5s ease-in-out 0s;outline:0;resize:none;font-family:Montserrat,sans-serif}input[type=reset],input[type=button],input[type=submit]{outline:0;cursor:pointer;font-family:Montserrat,sans-serif}.clear{clear:both}.relative{position:relative}.left{float:left}.right{float:right!important}input::-webkit-input-placeholder{opacity:1!important}input::-moz-placeholder{opacity:1!important}input:-ms-input-placeholder{opacity:1!important}input:-moz-placeholder{opacity:1!important}body{margin:0;padding:0;line-height:normal;font-family:Montserrat,sans-serif}h1,h2 strong,h3 strong,h4{font-family:'Montserrat Extra'}p{line-height:30px;padding-bottom:20px}h2{font-size:35px;line-height:55px;letter-spacing:5px;font-weight:800}h1{font-size:16px;color:#f5d635;line-height:45px;font-weight:400}h3,h4{font-size:28px;line-height:normal;margin-bottom:15px}h2 strong,h3 strong{font-weight:800}h3{letter-spacing:4px;font-weight:700}h4{color:#fff;font-weight:800;letter-spacing:2px}h5,h6{color:#646263;font-weight:700;line-height:normal}h5{font-size:22px}h6{font-size:18px}
*/
.navigation-res{display:none!important}#wrapper{width:100%;float:left;overflow:hidden}.fixed-wrapper{max-width:1200px;width:100%;margin:0 auto;height:auto}
.btn_default{min-width:178px;height:60px;line-height:57px; padding:0 10px; color:#fff;background:#78a163; font-size:18px;font-weight:700;  display:inline-block;cursor:pointer; border:none;cursor:pointer;text-decoration:none;border-radius:5px;font-family: 'Montserrat', sans-serif;}
.btn_default:hover{background:#d3ae56;}
/*======= Top CSS =======*/
.top_section{width:100%;float:left;background:#fc5057;}
iframe{ max-width:100% !important;}
.header_left{width:30%;float:left;}
.logo{width:100%;float:left;background:#80a5e1;padding:50px 40px 45px;text-align:center;}
.banner_right{width:70%;float:right;position:relative;}
.banner_right img{width:100%;}
.header_wrap{width:100%;position:absolute;left:0;top:25px;background:#383536;padding:8px 0 0;}
.phone_numbers{width:100%;float:left;background:#4a494a; padding:5px 0;}
.phone_numbers ul{float:right;}
.phone_numbers ul li{float:left;color:#fff;font-size:17px;line-height:32px;letter-spacing:0.5mm;padding:0 22px;}
.phone_numbers ul li a{font-size:23px;line-height:32px;color:#dfefff;font-weight:700;}
.nav_bar{width:100%;float:left;padding-left:7%;}
.nav_bar ul	li{display:table-cell; padding:0 40px;text-align:right;position:relative;}
.nav_bar ul{display:table;width:100%;}
.nav_bar ul	li a{line-height:48px;display:inline-block;color:#fff;font-weight:700;position:relative;}
.nav_bar ul	li:hover  a, .nav_bar ul li.active a{color:#f5d635;}
/* .nav_bar ul	li a:hover:after, .nav_bar ul li.active a:after{width:100%;height:2px;background:#f5d635;top:100%;content:"";position:absolute;left:0;} */
/* .nav_bar ul	li:last-child{padding-right:22px;} */
.nav_bar ul	li a.drop_down:after{position:relative; display:inline-block; margin-top:-5px; top:0;bottom:0;margin:auto; height:0;width:0;content:"";border-top: 5px solid #9c9a9b;	border-right: 5px solid transparent;	border-bottom: 0 solid transparent;	border-left: 5px solid transparent; margin-left:8px;}
.nav_bar ul	li:hover a.drop_down:after{display:inline-block;}
.nav_bar ul li:hover ul.drop-1{display:block;}
.nav_bar ul li ul{position:absolute;top:100%;right:0;width:270px;background:#80a5e1;display:none;z-index:999;}
.nav_bar ul li ul li{float:none;border-bottom:1px #759ad6 solid;background:none;display:block;padding:0 !important;text-align:left;}
.nav_bar ul li ul li:last-child{border-bottom:none;}
.nav_bar ul li ul li a{font-size:14px;line-height:normal;padding:11px 5px 14px 20px;text-transform:inherit;display:block;color:#fff;}
.nav_bar ul li ul li:hover a{color:#fff;}
.banner_caption{height:229px;max-width:300px;width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto; text-align:center;}
.banner_caption p{color:#fff;padding:0 10px;letter-spacing:1px;}
.marketing_btn{position:absolute;left:0;bottom:50px;width:100%;text-align:center;}
.marketing_btn a{color:#fff;font-size:16px;font-weight:700;letter-spacing:4px;text-transform:uppercase;position:relative;display:inline-block;padding-bottom:10px;}
.marketing_btn a:after{position:absolute;left:0;bottom:0;width:100%;height:2px; background:#fff;content:"";}
.marketing_btn a:hover{color:#f5d635;}
.marketing_btn a:hover:after{background:#f5d635;}
.orm{ width:100%;}
.orm video{ width:100%; border: 10px solid #efefef;}
.search_engine{max-width:332px;margin:0 auto;width:100%;padding:0 10px;clear:both;padding:20% 0 0;}
.search_engine h3 {  color: #fff;  letter-spacing: 6px;  line-height: 41px;  position: relative;margin:15px 0 0;}
.search_engine h3:after{background:url(https://www.top-ten-website-marketing.com/images2016/market_icon.png) no-repeat;width:13px;height:47px;position:absolute;left:100%;bottom:8px;content:"";}
.search_engine p{line-height:24px;font-size:14px;color:#fff;letter-spacing:1px;margin-top:36px;margin-bottom:22px;}
.search_engine a{line-height:24px;font-size:16px;font-weight:700; color:#fff;letter-spacing:4px;padding-right:29px;background:url(https://www.top-ten-website-marketing.com/images2016/right_arrow.svg) no-repeat right center;}
.search_engine a:hover{color:#f5d635;background:url(https://www.top-ten-website-marketing.com/images2016/right_arrow_h.svg) no-repeat right center;}
.services_block{width:100%;float:left;padding:30px 0 0;background:url(https://www.top-ten-website-marketing.com/images2016/ptrn.jpg) repeat;text-align:center;} 
/*.services_block .fixed-wrapper{max-width:1270px;}*/
.service_col{width:20%;float:left;padding-right:14px;text-align:left;}
.service_col i{background:#80a5e1;text-align:center;width:90px;height:90px;line-height:88px;border-radius:50%;display:inline-block;position:relative;margin-bottom:38px;}
.service_col i:after{content:"";position:absolute;left:-6px;top:-6px;bottom:-6px;right:-6px; border:2px #80a5e1 solid;border-radius:50%;}
.service_col h6{color:#444444;font-size:13px;}
.service_col p{color:#474747;font-size:14px;font-weight:300;line-height:22px;letter-spacing:0;margin-top:17px;min-height:108px;}
.learn_more{color:#fc5057;font-size:15px;font-weight:700;text-transform:uppercase;margin-top:3px;display:inline-block;}
.learn_more:hover{color:#80a5e1;}
.red_col i{background:#fc5057;}
.red_col i:after{border:2px #fc5057 solid;}
.yellow_col i{background:#f5d635;}
.yellow_col i:after{border:2px #f5d635 solid;}
.gray_col i{background:#646263;}
.gray_col i:after{border:2px #646263 solid;}
.affordable_btn{min-height:746px;background:#646263;line-height:normal;padding:18px 80px;color:#fff;font-size:20px;border:4px #fff solid;min-height:70px;font-size:20px;display:inline-block;border-radius:40px;text-transform:uppercase;margin:67px 0 -50px;}
.service_left{width:724px;float:left;}
.service_row{width:100%;float:left;margin-bottom:51px;}
.service_row:last-child{margin-bottom:0;}
.services_block2{width:100%;float:left;padding:80px 0 80px 0;}
.service_row h2{padding-right:100px;}
.service_row  i{float:right;margin:12px 0 0;}
.service_row  p{margin-bottom:13px;}
.get_quote{width:365px;background:#80a5e1;float:right;}
.get_quote h3{color:#fff;padding:10px 20px;}
.development_block{width:100%;float:left;background:#fc5057;padding:31px 0 20px 0;}
.web_icon{width:147px;float:left;}
.web_icon a{background:#f5d635;width:147px;height:147px;line-height:144px;text-align:center;border-radius:50%;display:inline-block;}
.web_content{width:993px;float:right;}
.web_content p, .web_content h2{color:#fff;}
.web_content h2{margin-top:-7px;margin-bottom:12px;}
.web_content p {font-size:18px;line-height:26px;font-weight: 300;padding-bottom:0;}
.test_btn{min-width:153px;line-height:35px;display:inline-block;text-align:center;float:right;color:#646263;font-size:16px;font-family: 'Montserrat Extra';letter-spacing:4px;background:#f5d635;}
.test_btn:hover{color:#f5d635;background:#646263;}
.video_block{width:100%;float:left;padding:55px 0;}
.feed_back{width:417px;float:left;}
.video_block .video_frame{float:left;float:right;width:710px;vertical-align:middle;height:inherit;}
.video_block .video_frame video{ width:100%; border: 10px solid #efefef;}
.internet_premium_block{width:100%;float:left;background:#f4f4f4;padding:50px 0 15px;}
.internet_premium_left{width:730px;float:left;}
.internet_premium_left h2{padding-bottom:6px;}
.internet_premium_left p{padding-right:20px;margin-bottom:16px;}
.map{width:453px;float:right;margin:30px 0 0;}
.map img{width:100%;}
.listing_custom li{float:left;width:50%;padding-right:10px;padding-left:60px;line-height:24px;position:relative;margin-bottom:20px;}
.listing_custom li:after{background:url(https://www.top-ten-website-marketing.com/images/check.png) no-repeat;position:absolute;left:0;top:0;bottom:0;margin:auto;left:0;height:40px;width:40px;content:"";}
/*.listing_custom li:nth-child{padding-right:0px;}*/
.listing_custom > li:nth-child(2) {  min-height: 60px;  padding-top: 16px;}
.listing_custom > li:nth-child(4){padding-left:0;}
.listing_custom > li:nth-child(4):after{display:none;}
.download_btn{background:#fc5057;text-align:center;min-width:280px;color:#f5d635;font-size:24px;text-transform:uppercase;display:inline-block;font-weight:700;padding:10px;letter-spacing:4.5px;}
.download_btn small{display:block;color:#fff;font-size:14px;font-weight:400;letter-spacing:0px;position:relative;left:-3px;}
.download_btn:hover{background:#646263;}
.seo_package_block{width:100%;float:left;background:#80a5e1;padding:70px 0 60px;}
.seo_package_block .fixed-wrapper{max-width:1080px;}
.seo_package_left{width:720px;float:left;}
.seo_own{width:237px;float:left;}
.seo_cont{width:440px;float:right;}
.social_media h3{color:#f5d635;padding-bottom:10px;}
.social_media  ul li{margin-bottom:16px;}
.seo_cont h2, .seo_cont p{color:#fff;}
.seo_cont p{margin-bottom:5px;}
.seo_cont h2{position:relative;left:0;margin:14px 0 23px 0;}
.seo_cont h2 strong{color:#f5d635;display:block;}
.social_media{float:right;width:300px;margin-top:0;}
.seo_cont h2  span{color:#646263;}
.link_btn{color:#b2cae3;font-size:16px;line-height:normal;display:inline-block;text-transform:uppercase;font-size:16px;letter-spacing:3px;font-weight:700;position:relative;padding-bottom:8px;}
.link_btn:after{position:absolute;left:0;bottom:0;width:100%;height:2px; background:#b2cae3;content:"";}
.link_btn:hover{color:#f5d635;}
.link_btn:hover:after{background:#f5d635;}
.grey-section{background:#ececed; width:100%; float:left; padding:40px 0;}
footer{width:100%;float:left;}
.footer_menu{width:100%;float:left;border-bottom:1px #d6d6d6 solid;}
.footer_col{width:auto;float:left;padding:66px 0 0;min-height:428px;}
.company-info{ width:350px; padding-left:60px; padding-right:40px;}
.whychoose{ width:293px; }
.importantlink{padding-right:0px; width: auto;float:right;}
.whychoose li{ line-height:38px; position:relative; padding-left:20px; font-size:14px;}
.whychoose li a{ text-decoration:none; color:#646263;}
.whychoose li:after{ content:""; position:absolute; left:0px; height:8px; width:8px; border:solid 2px #80a5e1; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; top:14px;}
.whychoose li a:hover{ color:#80a5e1; text-decoration:underline;}
.whychoose li:after{ content:""; position:absolute; left:0px; height:8px; width:8px; border:solid 2px #80a5e1; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; top:14px;}
.company-info p{ font-size:14px; text-transform:uppercase; color:#646263; line-height:24px; padding-bottom:15px;}
.company-info p a{font-size:14px; color:#646263;}
.company-info p span{ display:block; font-weight:bold; color:#646263;}
.whychoose .link_blue_btn {margin-top: 15px;}
.footer_col h5{ font-size:18px; color:#646263; position:relative; padding:0 0 20px 0; letter-spacing:2px; text-transform:uppercase; margin-bottom:20px;}
.footer_col h5:after{letter-spacing:2px; background:#80a5e1; height:2px; width:67px; content:""; position:absolute; bottom:0px; left:0px;}
.footer_col h6{text-transform:uppercase;letter-spacing:2px;padding-bottom:15px;position:relative;}
.footer_col h2{margin-top:-4px;margin-bottom: 20px;}
.foot_links{width:265px;border-right:1px #d6d6d6 solid;padding-right:52px;}
.foot_links ul li a{line-height:46px;color:#646263;display:block;position:relative;text-transform:uppercase;font-weight:700;}
.foot_links ul li a:hover, .foot_links ul li.active a{color:#80a5e1;}
.footer_col h6:after{background:url(https://www.top-ten-website-marketing.com/images2016/market_icon_yellow.png) no-repeat;width:13px;height:39px;position:absolute;left:100%;top:3px;content:"";}
.succes_story{width:48%;float:left;margin:0;}
.link_blue_btn{letter-spacing:0;color:#80a5e1;font-family: 'Montserrat Extra';}
.link_blue_btn:after{background:#80a5e1;}
.foot_testimonial{width:48%;float:right;}
.foot_testimonial p{padding-left:98px;position:relative;padding-top:27px;}
.foot_testimonial p:before{width:87px;height:68px;content:"";background:url(https://www.top-ten-website-marketing.com/images2016/qoute_btn.png) no-repeat;position:absolute;left:0;top:4px;}
.foot_testimonial .link_blue_btn{float:right;}
.copyright{width:100%;float:left;padding:18px 0 65px;}
.copyright p, .copyright a{color:#807e7e;font-size:13px;padding:0; font-weight:300; text-align:center;}
.copyright a.call_number{color:#ff4f59;font-size:15px}
.copyright a:hover{color:#444;}
.footer_chat{background:#fc5057;width:100%;float:left;height: 66px; position:fixed; bottom:-180px;transition :bottom 0.8s;}
.footer_chat.sticky{bottom: 0;}
.footer_chat h3{color:#fff;padding:15px 0;font-weight:400;width:50%;position:relative;text-align:right;background:#80a5e1;padding-right:20px;margin:0;float:left;}
.footer_chat h3:after{position:absolute;left:100%;top:0;height:100%;width:40px;background:url(https://www.top-ten-website-marketing.com/images2016/blue_curve.svg) no-repeat;background-size:100% 100%;content:"";}
.footer_chat h3:before{position:absolute;right:100%;top:0;height:100%;width:5000px;background:#80a5e1; content:"";}
.footer_chat h3 strong{font-family: 'Montserrat Extra';}
.footer_chat ul{width:50%;float:left;padding-left:7%;}
.footer_chat ul li{float:left;margin-right:10px;}
.footer_chat ul a{width:113px;height:113px;border-radius:50%;background:#fad309;border:2px #fff solid;display:inline-block;color:#646263;line-height:normal;font-size:16px;text-align:center;font-weight:700;padding:15px 7px;position:relative;top:-22px;}
.footer_chat ul li:first-child a{padding-top:30px;}
.footer_chat ul li:last-child a{background:#80a5e1;color:#fff;}
.footer_chat ul a:hover{top:-38px;}
/*Inner Page CSS*/
.search-engine-banner{min-height:215px;background:url(https://www.top-ten-website-marketing.com/images2016/banner.jpg) no-repeat center center;background-size:cover;}
.inner_page{background:#80a5e1;}
.inner_page .banner_caption{bottom:6%;height:auto;top: inherit;text-align: left;width:100%;max-width:100%;padding-left: 5%;}
/*.inner_page .logo{padding:0 40px;line-height:215px;}*/
.middel_wrap{width:100%;float:left;padding:50px 0 40px;border-bottom:1px solid #d6d6d6;}
.left_container{width:774px;float:left;}
.left_container h2{color:#80a5e1;}
.left_container img{width:auto;margin-bottom:15px;}
.right_panel{width:364px;float:right;}
.weidgt{width:100%;float:left;margin:0 0 20px;}
.weidgt:last-child{margin-bottom:0;}
.right_panel .development_block{margin-top:48px;padding:80px 30px 10px;position:relative;}
.right_panel .web_content{width:100%;text-align:center;margin:0;padding:0;}
.right_panel .web_icon{position:absolute;left:0;top:-48px;right:0;margin:auto;width:112px;height:112px;}
.right_panel .web_icon a{width:112px;height:112px;line-height:110px;}
.right_panel .web_icon a img{width:53px;}
.right_panel .web_content h2{font-size: 36px; letter-spacing: 2px;}
.right_panel .test_btn{float:none;display:inline-block;position:relative;bottom:-28px;}
.left_container h5, .left_container h3{letter-spacing:4px;font-weight:400;margin-bottom:15px;}
.left_container h5 strong{font-family:'Montserrat Extra';display:block;}
.left_container h6{letter-spacing:4px;font-weight:400;margin-bottom:15px;font-size:18px;}
.left_container h6 strong{font-family:'Montserrat Extra';}
.listing_custom_full{margin:15px 0 30px;}
.listing_custom_full li{position:relative;padding-left:30px;margin-bottom:18px;}
.listing_custom_full li:after{background:url(https://www.top-ten-website-marketing.com/images2016/arrow.png) no-repeat;position:absolute;left:0;top:3px;height:17px;width:17px;content:"";}
.recieve_email{width:100%;float:left;background:#4a494a;padding:20px 20px 10px;text-align:center;}
.recieve_email p{color:#fff;padding:0 0 10px;line-height:20px;}
.recieve_email  strong{color:#f5d635;font-size:20px;font-weight:normal;padding-bottom:5px;display:block;}
.seo_img{margin-top:43px;}
.seo_package .left_container{width:100%;float:left;padding:0;}
.left_container p a{color: #646263;  font-size: 16px;  font-weight: 400;}
.marketing_service{width:100%;float:left;background:#fc5057;min-height:57px;display:table;margin-top: 30px;}
.marketing_service_col{padding:0 20px;height:57px;display:table-cell;vertical-align:middle;}
.marketing_service_col1{width:70%;}
.marketing_service_col2{width:15%;background:#80a5e1}
.marketing_service_col2 span{color:#fff;text-shadow:0 0 1px #444;}
.marketing_service_col3 span{color:#646263;}
.marketing_service_col3{width:15%;background:#f5d635;}
.marketing_service_col1 span{color:#fff;text-transform:uppercase;}
.seo_packages{width:100%;float:left;margin:30px 0 0;}
.seo_packages h3{padding-bottom:11px;}
.packages_table{width:100%;float:left;display:table;border-collapse:collapse;}
.packages_table strong{font-size:16px;font-weight:normal;color:#4a494a;letter-spacing:-0.5px;}
.packages_table img{margin:0;}
.packages_tr{width:100%;display:table-row;background:#f2f2f2;}
.packages_tr div{display:table-cell;vertical-align:middle;border:1px #ccc solid;padding:8px 20px;}
.packages_tr:nth-child(2n){background:#fff;}
.packages_td1{width:70%;}
.packages_td2, .packages_td3{width:15%; text-align:center}
.int_service{margin:30px 0 0;}
.int_service .marketing_service_col2, .int_service .marketing_service_col3{text-align:center;padding:10px;}
.int_service a{font-size:14px;display:block;text-decoration:underline;color:#fff;}
.int_service a:hover{text-decoration:none;}
.int_service .marketing_service_col3 a{color:#646263}
.top30_margin{margin-top:30px; background:#e3e9f5; text-align:center;}
.faq_row{width:100%;float:left;background:url(https://www.top-ten-website-marketing.com/images2016/ptrn.jpg) repeat;margin-bottom:5px;padding:10px;}
.left_container h6{letter-spacing:2px;}
.coupon{width:100%;float:left;background:#fc5057;padding:20px;text-align:center;}
.coupon span{font-size:32px;letter-spacing:4px;font-family:"Montserrat Extra";color:#fff;}
.ppc_method_wrap{width:100%;float:left;margin:30px 0;}
.ppc_method{width:50%;float:left;}
.custom_list li{position:relative;font-size: 14px;    line-height: normal;    padding-left: 20px;margin-bottom:10px;}
.custom_list li:after {  border: 2px solid #80a5e1;  border-radius: 50%;  content: "";  height: 8px;  left: 0;  position: absolute;  top: 3px;  width: 8px;}
.campaign{width:100%;float:left;}
.left_campaign{width:100%;float:left;padding:10px 20px;border:2px #d9d9d9 solid;}
.left_campaign_row{width:100%;float:left;border-bottom:1px solid rgba(0,0,0,0.2);padding:15px 0;}
.left_campaign_row:last-child{border:none;}
.track_heading{width:100%;float:left;}
.track_heading1, .track_heading2{width:50%;float:left;background:#fc5057;padding:20px;text-align:center;color:#fff;font-size:20px;line-height:normal;}
.track_heading2{background:#80a5e1;}
.ppc_method_manage{width:auto;float:right;}
.adward_manag{width:100%;float:left;margin-bottom:20px;}
.adward_manag a{  background: #f5d635;  color: #646263;  display:block;  font-family: "Montserrat Extra";  font-size: 16px;  letter-spacing: 4px;  line-height: 35px;  text-align: center;}
#backToTop {position: fixed;}
.contact-col-1{width:48%; float:left;}
.contact-col-2{width:50%; padding:0 20px 0 0; float:right; margin-top:30px;}
.contact-col-2 img{ max-width:100%;}
/*Responsive Menu CSS*/
a.meanmenu-reveal { display: none }
.mean-container .mean-bar { float: left; width: 100%; padding: 0; z-index: 2 }
.mean-container a.meanmenu-reveal { background: 0 0; border: none; border-radius: 0; box-sizing: border-box; color: #c7a75a; cursor: pointer; display: block; font-size: 25px !important; height: 29px; padding: 0; position: fixed; right: 15px !important; text-decoration: none; text-indent: -9999em; top: 25px; transition: all .5s ease-in-out 0s; width: 35px; font-family: Arial, Helvetica, sans-serif; line-height: 29px; z-index: 999999; font-weight: 900; color: #f5d635; }
.mean-bar>span { color: #FFF; left: 0; line-height: 32px; position: absolute; text-align: center; width: 100%; text-transform: uppercase; font-weight: 700 }
.mean-container .mean-nav ul li:first-child a { border: none }
.mean-container .mean-nav ul li ul li:first-child a { border-top: 1px solid rgba(255, 255, 255, .25) }
.mean-container a.meanmenu-reveal span { display: block; background: #f5d635; height: 6px; margin-top: 3px }
.mean-container .mean-nav { width: 100%; background: #646263; margin: 0; position: fixed; left: 0; top: 80px; z-index: 999999999; }
.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; height: auto; overflow-y: scroll; }
.mean-container .mean-nav ul li { position: relative; float: left; width: 100% }
.mean-container .mean-nav ul li a { display: block; float: left; width: 100%; padding: 12px 10px; box-sizing: border-box; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, .5); text-decoration: none; text-transform: none; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 400; }
.mean-container .mean-nav ul li li a { width: 100%; padding: 5px 10px 5px 20px; box-sizing: border-box; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, .25); opacity: .75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; font-size: 14px }
.mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0 }
.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15% }
.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20% }
.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25% }
.mean-container .mean-nav ul li a:hover { background: #f5d635 !important }
.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 45px; padding: 9px 5px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255, 255, 255, .1); border: none !important; border-left: 1px solid rgba(255, 255, 255, .4) !important; border-bottom: 1px solid rgba(255, 255, 255, .2) !important }
.mean-container .mean-push, .mean-nav .wrapper { width: 100%; padding: 0; margin: 0 }
.mean-container .mean-nav ul li a.mean-expand:hover { background: #f5d635; }
.mean-container .mean-push { float: left; clear: both }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.mean-remove { display: none !important }
.mean-container .mean-nav ul ul { height: auto; }
.bannerbtn-outer{width:100%; position:absolute; left:0px; max-width:320px; right:0px; margin:0 auto; bottom:150px;}
.bannerbtn{width:100%; float:left; text-transform:uppercase; font-size:20px;}
.bannerbtn a{text-decoration:none; background:#fad309; color:#646263; display:block; padding:15px 20px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; text-align:center;}
.bannerbtn a:hover{text-decoration:none; background:#fc5057; color:#fff;}
.bannerbtn-blue{width:auto; float:right; text-transform:uppercase;}
.bannerbtn-blue a{text-decoration:none; background:#80a5e1; color:#fff; display:block; padding:15px 20px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;}
.bannerbtn-blue a:hover{text-decoration:none; background:#fc5057; color:#fff;}
.bread-crumbs{ width:100%; float:left;}
.bread-crumbs ul{float:left;}
.bread-crumbs ul li{float:left; margin-right:10px; color:#f5d635; position:relative; background:url(https://www.top-ten-website-marketing.com/images2016/double-green.png) no-repeat left; padding-left:20px;}
.bread-crumbs ul li a{color:#fc5057; text-decoration:underline;}
.bread-crumbs ul li a:hover{ text-decoration:none;}
.bread-crumbs ul li:first-child{background:none; padding-left:0px;}
/*.googlemap{float:right; border:solid 10px #efefef; padding-right:0px;}
*/.googlemap{float:right; border:solid 5px #efefef; padding-right:0px;}
.googlemap iframe{ width:100%; border:solid 3px #efefef; height:572px;}
.states{width:100%;}
.states ul { width:100%;}
.states ul li{float:left; position:relative; padding-left:20px; width:25%; font-size:14px; margin-bottom:15px;}
.states ul li::after {border: 2px solid #80a5e1;border-radius: 50%; content: ""; height: 8px; left: 0px; position: absolute; top:4px; width: 8px;}
.googlemap img{ width:100%;}
.home-footer-sitemap { width: 100%; font-size: 13px; color: #807e7e; text-align: center; padding: 20px 0 20px 0; line-height: 22px; font-weight: 300; background: #646263; margin-top: 10px; }
.home-footer-sitemap a{color:#848484; text-decoration:none; padding:0 5px; font-weight:300;}
.contactfull{ width:100%;}
.home-footer-sitemap a:hover{ text-decoration:underline;}

.fullwidth{ width:100%; float:left;}
#pjWrapperGallery_1{ max-width:inherit !important;}
.top10_col_1{ width:33%; padding:0 10px; float:left;} 

.watchvideo {
float: left; font-size:30px; color:#fff; font-size:30px;
padding:40px 10px; font-weight:400;
width: 430px; background:#f04c53 url(https://www.top-ten-website-marketing.com/images/watchvideo-bg.jpg) no-repeat left; text-align:center; background-size:100%;
}

.watchvideo strong {
  color:#383536; font-size:30px; font-weight:800; font-family:'Montserrat Extra';}


.cta_webdevelopment{width:100%; background:#eeeeee; float:left; padding:15px 15px 0 15px;}
.cta_webdevelopment h5{ text-align:center;}
.cta_webdevelopment p{ text-align: center;}

.cta_webdevelopment .test_btn {
  background: #f5d635 none repeat scroll 0 0;
  color: #646263;
  float:none;
  display: inline-block;
  font-family: "Montserrat Extra";
  font-size: 16px;
  letter-spacing: 4px;
  line-height: 35px;
  min-width: 153px;
  text-align: center;
}

.cta_webdevelopment .test_btn:hover {
  background: #646263 none repeat scroll 0 0;
  color: #f5d635;
}


.footer_gery{
  background:#eeeeee;
  float: left;
  width: 100%;
}

/*Web Devolpment Page CSS 31-01-2017*/
.web_structure{width:100%;float:left;text-align:center;padding:25px 0 20px;}
.web_structure .fixed-wrapper{max-width:890px;}
.web_structure h2{font-size:32px;color:#494949;line-height:normal;position:relative;padding-bottom:30px; margin-bottom:10px;} 
.web_structure h2:after{content:"";position:absolute;left:0;bottom:0;background:url(https://www.top-ten-website-marketing.com/images2016/setting_icon.png) no-repeat;width:281px;height:29px;margin:auto;right:0;}
.web_structure p{color:#494949;font-size:16px;line-height:24px;}
.watch_video{width:100%;float:left;background:url(https://www.top-ten-website-marketing.com/images2016/video_bg.jpg) no-repeat center center;background-size:cover;min-height:463px;padding:60px 0;}
.watch_video .fixed-wrapper{max-width:1010px;}
.video_wrap{width:562px; float:right; background:rgba(255,255,255,0.75);padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.20);}
.video_wrap img, .video_wrap iframe{width:100%;}

.trvp{color:#80a5e1; font-size:20px; text-decoration: underline;}
.trvp:hover{color:#ed3237;}

.watch-video {
   
    text-align: center;
    line-height: 100%;
    display: block;
    /*position: absolute;*/
    top: 0;
    height: 100%;
    padding-bottom: 50px;
}

.watch-video h2{color:#fff;font-size:40px;line-height:100%;letter-spacing:0;font-weight: 900;text-shadow:0 5px 5px rgba(0,0,0,0.25);position:relative;margin-bottom:16px; height: 100%;}
.watch-video h2 span{color:#f6d635}
.watch-video h2:after{content:""; position:absolute;left:0;right:0;bottom:0;margin:auto;width:44px;height:100px;}
.watch-video p{font-weight:300;color:#fff;font-size:28px;line-height:37px;letter-spacing:1px;margin-bottom:10px;}
.let_togather{width:100%;float:left;padding:60px 0;}
.watch_video .video_wrap video {  width: 100%;}
.left_togather{width:775px;float:left;}

.togather_article{width:100%;float:left;overflow:hidden;}
.togather_article h3{display:inline-block;position:relative;padding-right:15px;margin-bottom:27px;}
.togather_article h3:before{content:"";position:absolute;left:100%;bottom:5px; height:2px; width:100%;background:#fe4844;}
.togather_article h3:after{content:"";position:absolute;left:100%;bottom:5px; height:6px; width:32px;background:#494949;}
.togather_article p{color:#494949;font-size:16px;line-height:24px;max-width:526px;float:left;}

.contact_btn{width:196px;height:63px;background:#f6d635;display:inline-block;float:right;color:#fd504c;font-weight:900;font-size:21px;line-height:63px;padding:0 0 0 48px;position:relative;margin:7px 0 0;}
.contact_btn:before{content:""; position:absolute;left:0;top:0;width:38px;height:36px;background:url(https://www.top-ten-website-marketing.com/images2016/contact_arrow.png) no-repeat;}
.contact_btn:after{content:""; position:absolute;right:0;bottom:0;width:43px;height:44px;background:url(https://www.top-ten-website-marketing.com/images2016/call_icon.png) no-repeat;}
.contact_btn:hover{background:#fe4844;color:#fff;}

.html5_wrap{width:100%;float:left;background:url(https://www.top-ten-website-marketing.com/images2016/html5_bg.jpg) no-repeat;min-height:360px;margin:16px 40px 0 0px;}
.html5_in{width:350px;float:right;margin-right:40px;margin-top:20px;}
.html5_in h3{color:#fff;line-height:28px;font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:0;position:relative;padding-bottom:20px;}
.html5_in h3 strong{color:#1e2737;}
.html5_in h3:before{content:"";position:absolute;left:0;bottom:0; height:2px; width:100%;background:#fff;}
.html5_in h3:after{content:"";position:absolute;left:0;bottom:0; height:6px; width:32px;background:#f6d635;}
.html5_in ul li{font-size:14px;line-height:20px;color:#fff;font-weight:300;padding-left:17px;position:relative;margin-bottom:5px;}
.html5_in ul li:after{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;background:url(https://www.top-ten-website-marketing.com/images2016/check_btn.png) no-repeat;}

.gallery_section{width:100%;float:left;background:url(https://www.top-ten-website-marketing.com/images2016/testure_bg.png) repeat;padding:38px 0 58px;position:relative;}
.gaurantee{width:585px;float:left;overflow:hidden;}
.gallery_section h2{font-size:36px;letter-spacing:2px;color:#fff;position:relative;display:inline-block;padding-right:15px;margin-bottom:37px;}
.gallery_section h2 strong{font-weight:900;color:#f6d635;}

.gallery_section h2:before{content:"";position:absolute;left:100%;bottom:5px; height:2px; width:500px;background:#fff;}
.gallery_section h2:after{content:"";position:absolute;left:100%;bottom:5px; height:6px; width:32px;background:#fe4844;}
.gaurantee ul li{position:relative;padding:10px 0 14px 60px;min-height:48px;background:#4d4d50;margin-bottom:4px;vertical-align:middle;color:#fff;font-size:15px;line-height:24px;position:relative;}
.gaurantee ul li:after{position:absolute;left:0;top:0;content:"";height:48px;width:48px;background:url(https://www.top-ten-website-marketing.com/images2016/check_red.png) no-repeat}

.our_gallery{width:555px;float:right;overflow:hidden;}
.our_gallery h2 strong{color:#fe4844;}
.our_gallery  h2:after{background:#f6d635;}

.customer_section{width:100%;float:left;padding:65px 0;}
.why_choose{width:360px;float:left;background:url(https://www.top-ten-website-marketing.com/images2016/why_choose_bg.jpg) no-repeat;background-size:cover; min-height:376px;padding:144px 28px 0 53px;}
.why_choose h2{position:relative;font-weight:800;letter-spacing:-2px;color:#fff;font-size:36px;margin-bottom:10px;}
.why_choose h2 strong{color:#f5d635;}
.why_choose h2:before{content:"";position:absolute;left:-52px;top:-100px; height:112px; width:98px;background:url(https://www.top-ten-website-marketing.com/images2016/why_choose.png) no-repeat;}
.why_choose p{color:#fff;font-size:16px;line-height:30px;}

.customer_right{width:770px;float:right;}
.customer_row{width:100%;float:left;}

.customer_right h2{color:#383536;margin-bottom:10px;}
.customer_right h2 strong{color:#fe4844;}
.customer_right p{line-height:30px;font-size:16px;line-height:30px;color:#383536;}

.extensive h2{color:#fe4844;}
.extensive h2 strong{color:#383536;}


.capabilty_section{width:100%;float:left;background:url(https://www.top-ten-website-marketing.com/images2016/testure_bg.png) repeat;padding:40px 0;}
.dev_cap{width:100%;float:left;border:2px #3f3e42 solid;}
.web_dev_wrap{width:59%;float:left;padding:20px 0px 20px 20px;}
.web_dev_row{width:100%;float:left;margin-bottom:24px;}
.web_dev_row:last-child{margin-bottom:0;}
.web_dev_col1{width:87px;float:left;}

.web_dev_col2{width:84%;float:right;}

.web_dev_wrap h2{font-size:34px;font-weight:700;color:#fff;letter-spacing:0;margin-bottom:6px;}
.web_dev_wrap h2 strong{color:#f04c53;}
.web_dev_wrap p{color:#fff;font-size:16px;line-height:30px;}

.competive h2{letter-spacing:3px;font-size:36px;}
.competive h2 span{color:#f5d635;}
.browser_capbility{width:39%;float:right;background:#3f3e42;padding:20px 12px;text-align:center;min-height: 417px;}
.browser_capbility h2{color:#fff;font-size:45px;letter-spacing:0.1px;line-height:45px;min-height:167px;background:url(https://www.top-ten-website-marketing.com/images2016/browser_cap_bg.png) no-repeat;background-size:100% 100%;padding-top:36px;margin-bottom:10px;}
.browser_capbility h2 span{color:#f04c53;}
.browser_capbility h2 strong{font-weight:900;}
.browser_capbility p{font-size:20px;line-height:30px;color:#fff;font-weight:300;margin:10px 0;}
.browser_capbility p span{color:#f5d635;}

.free_cons_btn {	position: absolute;	right: -128px;	top: 0;	bottom: 0;	margin: auto;	background: #fe4844;	color: #fff;	font-size: 20px;	line-height: 80px;	border-radius: 40px;	color: #fff;	font-size: 20px;	text-transform: uppercase;	display: inline-block;	transform: rotate(90deg);	width: 274px;	height: 82px;	text-align: center;padding: 12px 0;}
.free_cons_btn:hover{background:#f6d635;color:#333;}


/*Techtic Solutions 08-03-2018 Start*/

.video_cell_outer{padding: 50px 0 30px;}
.video_cell {display: inline-block; float: none; margin: 0 1.2% 30px; position: relative; width: 30.6%; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border: 1px solid #ccc; padding: 6px;}
.video_cell_text{opacity: 0; visibility: hidden;}
.video_cell:after{position: absolute; content: "";  top:0;  left: 0; right: 0; background: rgba(0 ,0 ,0 ,0.80); opacity: 0; visibility: hidden; height: 0; transition: all 0.4s ease-in 0s;}
.watch-video.video_cell_text h2{padding: 0; position: absolute; top: 0; transform: translate(0 ,-50%); left: 0; right: 0; z-index: 9; transition: all 0.5s ease-in 0s; line-height: 100%; display: block; padding-top:24.5%;}
.video_cell:hover .video_cell_text{opacity: 1; visibility: visible;}
.video_cell:hover:after{opacity: 1; visibility: visible;  height: 100%; } 
.video_cell:hover .watch-video.video_cell_text h2{top: 50%;}

.video_page_outer{padding: 50px 0; }
.video_page_left{float: left; width: 50%; text-align: center;}
.video_page_left .video_wrap ,.video_page_left .video_wrap video{width: 100%;}
.video_page_left .watch-video{width:60%; float: none; display: inline-block; padding-top: 10px; position: relative;}
.video_page_left .watch-video p{color: #494949; margin-top: 10px;}
.video_cell img{width: 100%;}
.video_cell i{display:block;}

.video_cell .watch-video{margin: 0;}
/*Techtic Solutions 08-03-2018 End*/
.nopading{padding-top:0px;}



/*NEW CSS*/
.top_section{background: #ffffff;}
.header_left{width: auto;float: none;}
.banner_right{float: none;width: 100%;}
.logo{position: absolute;left: 0;top: 0;width: auto;padding: 15px 40px;z-index: 9;}
.logo img{max-width: 350px;}
.nav_bar{width: 75%;float: right;padding-left: 0;text-align: right;}
.banner_caption { max-width: 100%; bottom: auto; right: auto; top: 210px; left: 0; height: auto; z-index: 2;position: static;}
.banner_caption .service_col i{background: transparent;}
.header_wrap{z-index: 9;top: 45px;}
.banner_caption .service_col i{display:inline-block; transform:scale(1); transition:all 0.5s ease-in-out;}

.banner_caption .service_col i img{width: auto; transition:all 0.5s ease-in-out;}
.banner_caption .service_col{background: #80a5e1;  border:2px solid #fff; text-align: center; /* width: 18.6%; */ width:calc(100% / 6 - 10px); margin-right: 10px; transition: all ease-in-out .5s; padding:0;}
.banner_caption .service_col a{display: block; padding: 44px 0px;position: relative;z-index: 2;}
.banner_caption .service_col:hover{border: 2px solid #ffffff;transition: all ease-in-out .5s;}
  
.banner_caption .service_col:last-child{margin-right: 0;}
/*.banner_caption .service_col:hover i{transition:all 0.5s ease-in-out; transform:scale(1.1);}*/

.service_col{position: relative;}
.service_col:after {
    
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
    border-radius: 10px;
    content: '';
}

.service_col:after{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f55057+0,7db9e8+100 */
background: #f55057; /* Old browsers */
background: -moz-linear-gradient(left,  rgba(245, 80, 87,.8) 0%, rgba(245, 213, 52,.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(245, 80, 87,.8) 0%,rgba(245, 213, 52,.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(245, 80, 87,.8) 0%,rgba(245, 213, 52,.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */




}
.service_col:hover:after {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.banner_caption .red_col{background: #f55057;}
.banner_caption .yellow_col{background: #f5d534;}
.banner_caption .gray_col{background: #646263;}



.banner_caption .service_col i:after{border: 2px #ffffff solid;}
.banner_caption h3{color:#f5d635;font-size: 35px;line-height: 55px;letter-spacing: 5px;font-weight: 800;}
.banner_caption .service_col h2{font-size: 18px;color: #ffffff;line-height: 22px;font-weight: 700;letter-spacing: 0;}
.banner_right:after{content: '';position: absolute;background: rgba(0,0,0,0.7);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.banner_right{z-index: 1;}
.banner_caption .header_wrap, .banner_caption .bannerbtn-outer{z-index: 9;position: static;max-width: 100%;float: left;width: 100%;margin-top: 44px;}
.banner_caption .bannerbtn{float: none;}
.banner_caption .marketing_btn{position: static;float: left;width: 100%;margin-top: 90px;}
.banner_right .bannerbtn .bg-remove{background: transparent;}
.banner_right .bannerbtn img{width: auto;}
.banner_right .bannerbtn a{display: inline-block;vertical-align: middle;margin: 0px 5px;}
.banner_right .bnr-btn{padding: 15px 65px;}
.banner_caption .fixed-wrapper{margin-bottom: 30px;}
.bannerbtn-outer h3{margin-bottom: 20px;}
.banner_caption .marketing_btn a:after { width: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.marketing-agency{background: #f55057;color: #ffffff;text-align: center;font-weight: 500;font-size: 20px;padding: 19px 0px;float: left;width: 100%;}
.marketing-agency a{color: #ffffff;}
.marketing-agency a:hover{color: #fad30c;}
.video_wrap{width: 100%;float: none;padding: 0;box-shadow: none;}
.feed_back{width: auto;max-width: 33%;}
.banner_right{background: url(https://www.top-ten-website-marketing.com/images/banner.webp) no-repeat;background-size: cover;float: left;z-index: 1;padding: 238px 0px 50px;}




.custom-design-quality{background: #f5f5f5;padding: 100px 0px;float: left;width: 100%;}
.custom-design-quality ul li i{width: 61px;height: 61px;border-radius: 50%;background: #fc5057;text-align: center;display: inline-block;vertical-align: middle;line-height: 55px;position: absolute;left: -2px;top: -2px;}
.custom-design-quality ul li span{display: inline-block;vertical-align: middle;margin-left: 78px;}
.custom-design-quality ul li span a{color:#525252; font-weight:300;}
.custom-design-quality ul li{border: 2px solid #80a5e1;border-radius: 30px;display: inline-block; width:31.8%; margin-right: 20px;position: relative;line-height: 54px;margin-bottom: 14px;transition: all ease-in-out .5s;}
.custom-design-quality ul li:hover{transition: all ease-in-out .5s;background: #80a5e1;color: #ffffff;}
.custom-design-quality ul li:nth-child(3n){margin-right: 0;}
.custom-design-quality h2{margin-bottom: 40px;}

.google-ads .web_content{width: 63%;float: none;display: inline-block;vertical-align: middle;}
.development_block  .dev-right .test_btn{float: right;margin-top: 0;}
.dev-right{float: none;width: 36%;display: inline-block;vertical-align: middle;}
.dev-right a{padding: 0px 20px;}
.listing_custom li{padding-left: 0;}
.internet_premium_block{padding: 100px 0px 80px;}
.service_row h2{margin-bottom: 20px;}

.development_block .test_btn{float: none;margin-top: 20px;}
.development_block{padding: 80px 0px;}

.nav_bar ul li{display: inline-block;margin-right: 34px;}
.nav_bar ul li:last-child{margin-right: 0;}
.header_wrap h1{float: right;font-family: Montserrat,sans-serif;right: 22px;top: -45px;position: absolute;}
.nav_bar ul li ul li{margin-right: 0;}

.inner_page .banner_caption h2{float: left;color: #f5d635;}
.inner_page .bread-crumbs{float: right;width: auto;margin-top: 20px;}
.inner_page .banner_caption {padding: 0;max-width: 1200px;margin: 0 auto;}
.inner_page .banner_right {padding: 160px 0px 10px;}
.left_container h2{font-weight: 400;}

.web-architecture h3{color: #80a5e1;font-size: 35px;letter-spacing: 5px;font-weight: 800;}
.web-architecture-inner{max-width: 745px;}
.web-architecture{padding: 100px 0px;float: left;width: 100%;}
.web-img, .web-content{display: inline-block;vertical-align: middle;width: 49.6%;}
.light-grey{background: #f9f9ff;}
.web-design-blk{float: left;width: 100%;padding: 43px 0px 53px;}
.web-content h3, .full-width-content h3, .seo-ranking h3, .website-follows h3, .website-development h3{font-weight: 400;}
.web-content h3 strong, .seo-ranking h3 strong, .website-follows h3 strong, .website-development h3 strong{display: block;}
.web-content{padding-left: 50px;}
.seo-friendly{padding: 150px 0px;}
.seo-friendly .web-content{padding-left: 0;padding-right: 50px;}
.full-width-content{text-align: center;background: #f9f9ff;padding: 100px 0px;float: left;width: 100%;}
.seo-rank-blk{float: left;width: 50%;margin-bottom: 20px;}
.seo-rank-blk:nth-child(2n){padding-left: 22px;}
.seo-rank-blk i, .seo-ranking-cont{display: inline-block;vertical-align: top;}
.seo-rank-blk i{width: 58px;height: 58px;line-height: 54px;text-align: center;border: 2px solid #80a5e1;border-radius: 50%;margin-top: 7px;}
.seo-ranking-cont{max-width: 486px;margin-left: 29px;}
.seo-ranking-cont h4{color: #646263;font-size: 16px;font-weight: 600;margin-bottom: 10px;letter-spacing: 0;font-family: Montserrat,sans-serif;}
.seo-ranking{padding: 100px 0px 80px;float: left;width: 100%;}
.seo-ranking h3{margin-bottom: 50px;}
.website-follows{width: 100%;float: left;padding: 100px 0px;}
.website-follows ul{counter-reset: my-sec-counter;	position: relative;margin-top: 150px;}
.website-follows ul li{width: 224px;height: 224px;border-radius: 50%;float: left;text-align: center;background: #80a5e1;color: #ffffff;position: relative;line-height: 22px;border: 2px solid #f9f9ff;margin-right: 101px;}
.website-follows ul li span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70%;}
.website-follows ul li:after { counter-increment: my-sec-counter; content: "0"counter(my-sec-counter) ""; width: 42px; height: 42px; border: 2px solid #f9f9ff; border-radius: 50%; display: block; background: #80a5e1; line-height: 40px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -22px; }
.website-follows ul li:before{content: '';position: absolute;width: 40px;height: 40px;background: url(https://www.top-ten-website-marketing.com/images/top-arrow.svg) no-repeat;top: -40px;margin-left: 4px;}
.website-follows ul li:nth-child(2),.website-follows ul li:nth-child(2):after{background: #f55057;}
.website-follows ul li:nth-child(3),.website-follows ul li:nth-child(3):after{background: #f5d534;}
.website-follows ul li:nth-child(4),.website-follows ul li:nth-child(4):after{background: #646263;}
.website-follows ul li:nth-child(5),.website-follows ul li:nth-child(5):after{background: #a2a2ff;}
.website-follows ul li:nth-child(6),.website-follows ul li:nth-child(6):after{background: #ff9251;}
.website-follows ul li:nth-child(7),.website-follows ul li:nth-child(7):after{background: #8686d4;}

.website-follows ul li:nth-child(2){position: absolute;top: -120px;left: 163px;z-index: 1;}
.website-follows ul li:nth-child(3){margin-top: 10px;z-index: 2;}
.website-follows ul li:nth-child(4){position: absolute;left: 490px;top: -120px;z-index: 3;}
.website-follows ul li:nth-child(5){margin-top: 20px;z-index: 4;}
.website-follows ul li:nth-child(6){position: absolute;right: 55px;top: -110px;z-index: 5;}
.website-follows ul li:nth-child(7){margin-right: 0;margin-top: 30px;}
.website-follows ul li:nth-child(7):before{display: none;}
.website-follows ul li:nth-child(2):before, .website-follows ul li:nth-child(4):before, .website-follows ul li:nth-child(6):before{background: url(https://www.top-ten-website-marketing.com/images/bottom-arrow.svg) no-repeat;top: auto;bottom: -70px;}
.website-follows ul li:hover:after{ animation: rotating 2s linear infinite;left: 40%;}
@keyframes rotating {
	from { transform: rotate(0) }
	to { transform: rotate(360deg) }
}

.website-development{background: #646263;position: relative;width: 100%;float: left;padding: 100px 0px;}
.website-development:before{content: '';position: absolute;height: 100%;background: #f65057;width: 40%;top: 0;left: 0;}
.website-development .fixed-wrapper{position: relative;z-index: 2;}
.red-left h3, .red-left p, .grey-right h3, .grey-right p{color: #ffffff;}
.red-left p{padding-bottom: 40px;}
.red-left{width: 24%;float: left;}
.website-development .test_btn{float: left;letter-spacing: 0;line-height: 42px;color: #ffffff;}
.red-left .test_btn{background: #464445;font-family: Montserrat,sans-serif;}
.red-left .test_btn:hover{background: #f5d635;}
.red-left i{width: 104px;height: 104px;line-height: 104px;border-radius: 50%;background: #f5d635;display: block;text-align: center;margin-bottom: 40px;}
.grey-right{float: right;width: 55%;}
.grey-right form input[type=text], .grey-right form input[type=email], .grey-right form textarea{width: 100%;border: none;height: 48px;line-height: 22px;font-size: 14px;background: #ffffff;padding: 0px 24px;color: #464445;margin-bottom: 20px;}
.grey-right form textarea{height: 100px;padding: 10px 24px;}

.grey-right form input::placeholder, .grey-right form textarea::placeholder { color: #464445; opacity: 1; }
.grey-right form input:-ms-input-placeholder, .grey-right form textarea:-ms-input-placeholder { color: #464445; opacity: 1; }
.grey-right form input::-ms-input-placeholder, .grey-right form textarea::-ms-input-placeholder { color: #464445; opacity: 1; }
.grey-right .test_btn:hover{background: #f65057;}
.grey-right .test_btn{margin-top: 10px;min-width: 100px;}
#backToTop{z-index: 9999;}
.grey-right form input:nth-child(1){width: 48%;float: left;}
.grey-right form input:nth-child(2){width: 48%;float: right;}




.client-logo-box{position: relative;width: 47.9%;float: left;border: 1px solid #eaeaea;margin-bottom: 50px;margin-right: 50px;text-align: left;}
.client-logo-box:nth-child(2n){margin-right: 0;}
.true-color-content{position: absolute;background: #fafafa;bottom: -50px;right: 0;padding: 41px 43px 52px;max-width: 345px;box-shadow: 0px 0px 20px 0px rgba(42,42,42,.25);}
.true-color-content:after{content: '';position: absolute;height: 50px;width: 100%;background: #ffffff;left: 0;bottom: 0;}
.client-logo-box h3{font-size: 24px;line-height: 28px;margin-bottom: 0;}
.link-btn{color: #464445;background: #ffffff;font-weight: 700;padding: 12px 30px;z-index: 1;position: relative;}
.link-btn:hover{background: #464445;color: #ffffff;}
.logo-img{text-align: center;padding: 70px 0px 48px;min-height: 257px;position: relative;}
.logo-img-inner{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.logo-box-btm{padding: 40px;border-top:  1px solid #eaeaea;}
.logo-box-btm ul li{display: inline-block;font-size: 10px;}
.logo-box-btm ul li a{font-weight: 500;border-radius: 15px;padding: 6px 17px;color: #ffffff;}
.logo-box-btm ul li:nth-child(1) a{background: #80a5e1;}
.logo-box-btm ul li:nth-child(2) a{background: #f5d635;}
.logo-box-btm ul li:nth-child(3) a{background: #e63938;}
.logo-box-btm ul li:nth-child(4) a{background: #3eab4d;}
.logo-box-btm ul li:nth-child(5) a{background: #32459e;}
.logo-hover-content{position: absolute;background: rgba(244,79,87,.95);width: 100%;height: 100%;top: 0;left: 0;opacity: 0;visibility: hidden;transition: all ease-in-out.8s;}
.client-logo-box:hover .logo-hover-content{visibility: visible;opacity: 1;transition: all ease-in-out .8s;}
.hover-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70%;}
.logo-hover-content h3, .logo-hover-content p{color: #ffffff;}
.logo-hover-content p{margin-bottom: 20px;}
.logo-box-btm span{color: #80a5e1;line-height: 30px;margin-bottom: 20px;display: block;}
.client-pages  .page.selected{display: inline-block !important;text-transform: uppercase;font-weight: 400;font-size: 20px;padding-bottom: 3px;position: relative;top: 22px;margin: 0px 20px;color: #80a5e1;border-bottom: 2px solid #80a5e1;}
.pagination .prev{float: left;border-bottom: 2px solid #80a5e1;padding-bottom: 3px;}
.pagination .next{float: right;border-bottom: 2px solid #80a5e1;padding-bottom: 3px;}
.clients-logo{position: relative;width: 100%;float: left;text-align: center;}
.client-pages .pagination{max-width: 400px;margin: 0 auto;text-transform: uppercase;color: #80a5e1;font-weight: 400;font-size: 20px;}
.client-pages  .page{color: #646263;border-bottom: 2px solid transparent;cursor: pointer;}


.client-pages  .page{background:#fc5057;}

.client-pages .page {
   
    border-bottom: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
    margin: 10px;
    background: #f5d635;
    padding: 10px;
    width: 40px;
	color:#646263;
}


.client-pages{padding: 100px 0px;float: left;width: 100%;}


.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}

.nav_bar ul li ul{position:absolute;top:100%;right:0;width:270px; background:#4a8af2; z-index:999; top:80%; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out; }
.nav_bar ul li ul li{float:none;border-bottom:1px #d9bd2c solid;background:none;display:block;padding:0 !important;text-align:left;}
.nav_bar ul li:hover ul.drop-1{visibility:visible; opacity:1; transition:all 0.5s ease-in-out; top:100%;}

.nav_bar ul li .drop-1 li a{color:#000;}
.nav_bar ul li .drop-1 li:last-child a:after{display:none;}
.nav_bar ul li ul.drop-1 li a:hover:after, .nav_bar ul li.active ul.drop-1 li a:after{height: 0;}


/*NEW HEADER CHANGES*/
header{position: relative;background: #ffffff;float: left;width: 100%;padding-bottom: 38px;}
header .fixed-wrapper{position: relative;}
.header_wrap{position: relative;background: none;padding: 0;top: 0;}
/*.logo:after{content: '';position: absolute;background: url(https://www.top-ten-website-marketing.com/images/header-right.png) no-repeat;background-size: 100% 100%;width: 30px;height: 50px;right: 0;top: 0;}*/
.logo{background: url(https://www.top-ten-website-marketing.com/images/logo-bg.png) no-repeat;background-size: 100%;left: -310px;z-index: 99;padding: 30px 63px 0 0px;}
header .phone_numbers{background: none;padding: 0;width: 58%;float: left;margin-top: 13px;}
header:before{background: #f55057;content: '';position: absolute;top: 0;height: 45px;right: 0;width: 100%;}
/*header:after{background: url(https://www.top-ten-website-marketing.com/images/header-bg-left.png) no-repeat;height: 50px;width: 60px;background-size: 100% 100%;left: 0;top: 0;content: '';position: absolute;}*/
header .nav_bar ul li a{color: #646263;font-weight: 300;}
header .nav_bar{width: 100%;margin-top: 48px;}
header .header_wrap h1{position: static;color: #ffffff;float: right;line-height: normal;font-size: 20px;font-family:'Montserrat Extra';margin-top: 12px;}
header .nav_bar ul li{margin-right: 0;padding: 0 26px;}
header .phone_numbers ul li, header .phone_numbers ul li a{color: #ffffff;font-family:'Montserrat Extra';font-size: 18px;letter-spacing: 0;line-height: 16px;}
header .phone_numbers ul li{position: relative;border-right: 3px solid #ffffff;float: none;display: inline-block;vertical-align: middle;}
header .phone_numbers ul li:last-child{border-right: none;}
header .nav_bar ul li a:hover::after, header .nav_bar ul li.active a::after{display:inline-block;}
header .nav_bar ul li:hover  a, header .nav_bar ul li.active a{color: #646263;}
header .nav_bar ul li:hover, header .nav_bar ul li.active{background: #f5d635;}
.nav_bar ul li .drop-1 li:hover{background: #80a5e1;}
header .nav_bar ul li a.drop_down::before{right: -17px;top: 3px;}
header .nav_bar ul li ul{background: #f5d635;}

.banner_right{padding: 50px 0px 50px;}

.fixed-call { position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 99; }
.fixed-call ul li { display: block; margin-bottom: 5px; }
.fixed-call ul li:last-child { margin-bottom: 0; }
.fixed-call ul li a { background: #f5d635; display: inline-block; transform: translateX(200px); transition: all 0.5s ease-in-out; background: #f5d635;border-radius: 50px 0px 0px 50px; padding: 0px 30px 0px 5px; font-size: 24px; color: #646263; line-height: 70px; }
.fixed-call ul li a i { float: left; position: relative; margin-right: 15px; width: 60px; height: 60px; background: #646263; line-height: 60px; border: 1px solid #fff; border-radius: 50%; text-align: center; top: 5px; }
.fixed-call ul li a i img { max-width: 22px; position: relative; top: -4px; }
.fixed-call ul li:hover a { transition: all 0.5s ease-in-out; transform: translateX(10px); }
.fixed-call ul li:nth-child(2) a { transform: translateX(200px); padding: 0px 30px 9px 5px; }
.fixed-call ul li:nth-child(3):hover a{transform: translateX(90px); transition: all 0.5s ease-in-out;  }
.fixed-call ul li:last-child{margin-top:-5px;}

@keyframes rotating {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}

.rotating {
  animation: rotating 3s linear infinite;
}
#contact_scroll_box { max-width: 180px; text-align: left;padding: 10px 15px; display: none; line-height: 19px; position: fixed; right: 0; border: 1px solid #ccc; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(232, 232, 232); background: #F5F5F5; border-radius: 15px 0 0 15px; top: 0%; z-index: 99999; }
#contact_scroll_box h4{font-size: 16px;margin-bottom: 5px;color: #f55057;}
#contact_scroll_box p{padding-bottom: 0;}
.head-stick.stricky-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #fff; -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease ;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5)}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}


/*INNER PAGES*/
.inner_page .banner_right{min-height: initial;padding: 20px 0px 30px;}
.left_container h3{	color: #80a5e1;}


/*new css 22-11-22*/
header .nav_bar ul li{padding:0 20px;}
.logo a{display:inline-block;}
.nav_bar ul	li a.drop_down:after{position:relative; display:inline-block;  top:-3px;bottom:0;margin:auto; height:0;width:0;content:"";border-top: 5px solid #9c9a9b;	border-right: 5px solid transparent;	border-bottom: 0 solid transparent;	border-left: 5px solid transparent; margin-left:8px;}
.nav_bar ul	li:hover a.drop_down:after{display:inline-block;}



.mob-banner-sec{background:url(https://www.top-ten-website-marketing.com/images/mob-banner.jpg) no-repeat; background-size:cover;}
.mob-leading-sec{display:flex; width:100%; padding:50px 0;}

.check-box-list{display:inline-block; width:100%;}
.check-box-list li{display:block; margin-bottom:10px; font-size:16px; font-family: Montserrat,sans-serif; line-height:30px; font-weight:500; position:relative; padding-left:34px; }
.check-box-list li:last-child{margin-bottom:0;}
.check-box-list li:before{position:absolute; left:0; width:17px; height:17px; background:url(https://www.top-ten-website-marketing.com/images/new-check-list-icon.svg) no-repeat; content:''; top:7px;}

.hd-h3{color:#646263; font-size:36px; font-weight:400; }

.mob-why-top-ten{display:flex; width:100%; padding:55px 0; background:#F6F6F6;}
.mob-why-top-ten h3{ margin-bottom:50px; text-align:center;}
.mob-why-top-ten-outer{display:flex; }
.mob-why-top-ten-box{width:calc(100% / 3 - 15px); margin-right:30px; text-align:center;}
.mob-why-top-ten-box:last-child{margin-right:0;}
.mob-why-top-ten-box figure{margin:0 auto; width:80px; height:80px; display:flex; justify-content:center; align-items:center; margin-bottom:15px;  border-radius:20px;}
.mob-why-top-ten-box h5{font-size:24px; font-weight:500; line-height:30px; margin-bottom:20px;}
.mob-why-top-ten-box:first-child figure{background:#F55057;}
.mob-why-top-ten-box:nth-child(2) figure{background:#F5D635;}
.mob-why-top-ten-box:nth-child(3) figure{background:#80A5E1;}
.mob-why-top-ten-box p{font-weight:400; color:#646263; padding-bottom:0;}


.stanning-app-sec{display:flex; width:100%; padding:60px 0; background:#F9F9FF;}  
.stanning-app-outer{display:flex; justify-content:space-between; }
.stanning-left-cont{max-width:430px; width:100%;}
.stanning-left-cont figure{width:100%;}
.stanning-left-cont figure img{width:100%;}

.stanning-right-cont{max-width:700px; width:100%; text-align:left;}
.stanning-right-cont h3{margin-bottom:25px;}
.stanning-right-cont p{padding-bottom:12px;}

.mobile-services-sec{display:flex; width:100%; padding-bottom:60px; background:#ECECED; }
.mobile-sec-cont{padding:33px 15px 50px; background:#fff; text-align:center; box-shadow:0px 10px 20px 10px rgba(0,0,0,0.05);}
.mobile-sec-cont h3{margin-bottom:20px;}
.mobile-sec-cont p{max-width:85%; margin:0 auto; padding-bottom:0;}

.mobile-serv-outer{display:flex; width:100%; justify-content:space-between; margin-top:50px;}
.mobile-serv-left{max-width:855px; width:100%; border-right:1px solid rgba(100,98,99,0.14);}
.mobile-serv-outer h3{margin-bottom:5px; letter-spacing:normal;}

.serv-list{display:flex; flex-wrap:wrap;}
.serv-list li{ margin-top:35px; margin-right:20px; text-align:center; width:calc(100% / 5 - 20px);}
.serv-list li figure{border:1px solid #80A5E1; border-radius:50px; display:flex; width:80px; height:80px; background:#fff; justify-content:center; align-items:center; margin:0 auto;}
.serv-list li span{font-size:16px; line-height:30px; font-weight:600; margin-top:5px; display:block; color:#646263; }


.mobile-serv-right{max-width:300px; width:100%; padding-left:30px;}
.mobile-serv-right h3{margin-bottom:50px;}
.mobile-serv-right ul li{margin-bottom:30px; color:#646263;}


.following-indu-sec{display:flex; width:100%; padding:60px 0;}
.following-indu-outer{display:flex; justify-content:space-between;}
.following-indu-left{max-width:715px; width:100%; }
.following-indu-left h3{margin-bottom:22px;}
.following-indu-left p{padding-bottom:15px; font-weight:400;}
.following-indu-right{max-width:380px; width:100%; margin-top:-30px;}
.following-indu-left img{width:100%;}

.mobile-our-process{display:flex; flex-wrap:wrap; padding:60px 0; background:#F6F6F6; text-align:center;}
.mobile-our-process h3{margin-bottom:20px;}
.mobile-our-process figure{margin-top:40px;}
.mobile-our-process p{padding-bottom:0;}

.hm-cont{margin-top:-4px;} 
.robots-banner-inner {
    background-image: url(https://www.top-ten-website-marketing.com/images/robtots_bg.webp);
    height:380px;
    background-size: cover;
    background-repeat: no-repeat;
	margin-bottom: 40px;
}
.robots-banner-inner h4 {
    padding: 40px 150px;
    text-align: center;
}

@media only screen and (max-width: 1900px) {
.fixed-wrapper {padding:0 20px;}
.search_engine{ padding: 9% 0 0;}
.nav_bar ul li{padding: 0 24px;}
.map{ width: 37%;}
.internet_premium_left{ width: 62%;}

/*NEW CSS*/
.website-follows ul li{width: 214px;height: 214px;}
.inner_page .banner_caption{padding: 0px 20px;}
.seo-rank-blk:nth-child(2n){padding-left: 0;}
.website-follows ul li:nth-child(4){left: 475px;top: -115px;}
.client-logo-box{margin-right: 48px;}

/*HEADER NEW CHANGES*/
.logo img{max-width: 100%;}
.logo{left: -250px;}


/*new css 22-11-22*/
header .nav_bar ul li{padding:0 14px;}

}
	
@media only screen and (max-width: 1739px){
	.logo{left: -180px;padding: 30px 20px 0 0px;background-size: 100% 123%;}
	.logo img{max-width: 88%;}
	
	/*new css 22-11-22*/
	header .nav_bar ul li{padding:0 15px;}	
	header .nav_bar ul li a{font-size:17px;}
	
}
@media only screen and (max-width: 1601px)
{
.search_engine {  padding: 6% 0 0;}
.search_engine p{margin-top: 16px;margin-bottom: 2px;}
.nav_bar ul li {  padding: 0 14px;}

/*NEW CSS*/
.custom-design-quality ul li{margin-right: 11px;}
/* .custom-design-quality ul li span{margin-left: 66px;font-size: 15px;} */
.banner_right{padding: 200px 0px 40px;}
.banner_caption .marketing_btn{margin-top: 60px;}

.web-architecture, .seo-friendly, .full-width-content, .seo-ranking, .website-follows, .website-development{padding: 70px 0px;}

/*NEW HEADER CHANGES*/
.logo img{max-width: 63%;}
.banner_right{padding: 40px 0px 40px;}
.logo{left: -120px;background-size: 70% 163%;background-position: top center;padding: 20px 20px 0 0px;}
header .nav_bar{margin-top: 22px;}
header{padding-bottom: 15px;}
.inner_page .banner_right{padding: 30px 0px 30px !important;}

  /*new css 22-11-22*/
  header .nav_bar ul li{padding:0 18px;}	
  header .nav_bar ul li a{font-size:16px;}
}


@media only screen and (max-width: 1366px)
{
.search_engine img{width:80px;}
.search_engine{width:100%;max-width:100%;padding:20px;}
.search_engine h3::after{left:inherit;right:0;}
.search_engine p {  margin-bottom: 0;  margin-top: 6px;}
.nav_bar ul li a{font-size: 12px;}
.nav_bar{padding-left: 20px;}
h2{font-size: 35px;}
.banner_caption h3{font-size: 35px;}



/*NEW CSS*/
.logo img{max-width: 280px;}
.nav_bar ul li{padding: 0px 10px;margin-right: 16px;}
.nav_bar ul li a.drop_down:before{right: -18px;}
.phone_numbers ul li a{font-size: 20px;}
.header_wrap{top: 30px;}
.phone_numbers{padding: 2px 0px;}
.header_wrap h1{top: -37px;}
.banner_right{padding: 180px 0px 30px;}
.banner_caption .service_col{padding: 30px 20px;}
.services_block2{padding: 80px 0 40px 0;}
.marketing-agency{font-size: 19px;padding: 16px 0px;}
.development_block{padding: 60px 0px;}
.custom-design-quality{padding: 70px 0px;}

.inner_page .banner_right{padding: 140px 0px 30px; min-height: initial;}
.web-architecture, .seo-friendly, .full-width-content, .seo-ranking, .website-follows, .website-development{padding: 60px 0px;}
.seo-ranking-cont{max-width: 466px;}
.website-follows ul li:hover::after{left: 39%;}


/*NEW HEADER CHANGES*/
.logo{left: -15px;background-size: 83% 155%;padding: 15px 20px 0 0px;}
.banner_right{padding: 30px 0px 30px;}
.logo img{max-width: 73%;}
.header_wrap{top: 0;}
header .phone_numbers{float: right;}
header .phone_numbers ul li, header .phone_numbers ul li a{font-size: 16px;}
header .header_wrap h1{font-size: 18px;	}
.nav_bar ul li a{font-size: 14px;}
header .nav_bar ul li{padding: 0 20px;}
.banner_caption .service_col a{padding: 0;}

 /*new css 22-11-22*/
  header .nav_bar ul li{padding:0 10px;}	
  header .nav_bar ul li a{font-size:16px;}
  .nav_bar ul li a.drop_down::after{margin-left: 4px;}  
  .banner_caption .service_col{padding:15px 12px; }
  .banner_caption .service_col h2{font-size:16px;}
}


@media only screen and (max-width: 1200px) {
.search_engine img{width:60px;}
h3{font-size:26px;}
.search_engine h3{line-height:33px;}
.footer_chat{height: 63px;}
.video_block .video_frame{height: inherit;  width: 60%;}
.watchvideo, .feed_back{width:35.3%;}
.succes_story{padding:0;margin:0;width:48%;}
.foot_testimonial{width:48%;margin:0;padding:0;}
.company-info{width: 25%;padding-left: 20px;}
.whychoose { width: 25%;}
.importantlink{width:25%;}
.footer_col{min-height: 438px;}
.left_container{width:70%;padding-right:20px;}
.right_panel{width:30%;}
.right_panel .get_quote{width:100%;}
.right_panel .development_block{ padding: 80px 10px 10px;}
.right_panel .web_content h2{font-size: 26px;line-height: normal;}
.inner_page h2{font-size:35px;}
.web_structure h2{ font-size:25px;}	
/*Techtic Solutions 08-03-2018 Start*/	
.video_cell{ width: 29.8%; margin: 0 1.6% 30px;}
/*Techtic Solutions 08-03-2018 end*/

/*NEW CSS*/
.nav_bar{width: 100%;}
.phone_numbers ul li a{font-size: 15px;}
.banner_caption .service_col{margin-right: 12px;float: none;display: inline-block;vertical-align: top;padding:0px;}
.banner_caption .service_col a{padding: 30px 0px 20px;}
.banner_caption .service_col h2{padding-right: 0;font-size: 16px;line-height: 20px;}
.service_col i{width: 70px;height: 70px;line-height: 68px;}
.banner_caption .service_col i img{max-width: 58%;}
.banner_caption .header_wrap, .banner_caption .bannerbtn-outer{margin-top: 0;}
.bannerbtn{font-size: 18px;}
.banner_caption .service_col{margin-right:10px;}
.custom-design-quality ul li span{margin-left: 66px;}

.marketing-agency{font-size: 18px;}
h2{line-height: 44px;}
.banner_caption h3{line-height: 44px;}
.custom-design-quality ul li:nth-child(4n){margin-right: 20px;}
.custom-design-quality ul li{width: 31%; margin-right:20px;} 
.custom-design-quality ul li:nth-child(3n){margin-right: 0px;}
.video_wrap{margin-top: 0px;}
.development_block{padding: 40px 0px;}
.test_btn{letter-spacing: 2px;}
.custom-design-quality{padding: 50px 0px;}

.web-architecture, .seo-friendly, .full-width-content, .seo-ranking, .website-follows, .website-development{padding: 50px 0px;}

 /*new css 22-11-22*/
 header .nav_bar ul li a{font-size:14px;}
 header .nav_bar ul li{padding:0 9px;}
 .nav_bar ul li a.drop_down::after{top:-2px;}
  .banner_caption .service_col{width: calc(100% / 6 - 10px); margin-right:5px;}
  .banner_caption .service_col h2{font-size:14px;}

 /*mobile app develoment*/
 .stanning-left-cont{max-width: 380px;}
 .mobile-sec-cont{padding:30px 15px;}
 .serv-list li{margin-right: 0px; width:calc(100% / 5);}
 .serv-list li span{font-size:16px; line-height: normal;}
 .mobile-serv-right ul li{margin-bottom:20px;}
 .serv-list li{margin-top:20px;}
 .mobile-serv-right h3{margin-bottom:30px;}
 .check-box-list li{line-height:26px;}
 
}

@media only screen and (max-width: 991px){
/*Techtic Solutions 08-03-2018 Start*/	
	.video_cell {margin: 0 1.5% 30px; width: 29.9%;}
	.watch-video.video_cell_text h2{font-size: 26px;}
	
	.video_page_left{width: 100%;}
	.video_page_left .watch-video{padding-top: 30px;}

	/*Techtic Solutions 08-03-2018 end*/
	
	/*mobile app develoment*/
	.left_container h2{margin-bottom:15px;} 
	.check-box-list li{margin-bottom:10px;}
	.check-box-list li:last-child{margin-bottom:0;}
	.mobile-our-process, .following-indu-sec, .mob-why-top-ten{padding:50px 0;}
	.hd-h3{font-size:26px; line-height:36px;}
	.mob-why-top-ten h3{margin-bottom:30px;}
	.mob-why-top-ten-box{margin-right:15px;}
	.mob-why-top-ten-box h5{margin-bottom:12px;}
	.stanning-right-cont h3{margin-bottom:15px;}
	.serv-list li{width: 20%;}
	.serv-list li figure{width:60px; height:60px;}
	.serv-list li span{width:auto;}
	.mobile-our-process p br{display:none;}	
	.mobile-our-process figure{margin-top:30px;}
	
	.banner_caption .service_col h2{font-size:16px;}
}

@media only screen and (max-width: 767px){
/*Techtic Solutions 08-03-2018 Start*/	
	.video_cell {display: block; float: left; margin: 0 30px 30px 0; width: 46.5%;}
	.video_cell:nth-child(2n) {margin-right: 0;}
	.video_cell_outer {padding: 30px 0 20px;}
	
	.video_page_outer{padding: 40px 0 30px; }
	.video_page_left .watch-video{width:100%;}
	.video_page_left .watch-video p br{display: none;}
	.search-engine-banner{min-height:100px !important;}
	.web_structure{ padding-top: 15px;} 
	.inner_page h2{ font-size:23px;}
	.web_structure h2{line-height:25px; font-size:25px ;}
	
	/*Techtic Solutions 08-03-2018 end*/
	
	/*mobile app develoment*/
	.stanning-app-sec, .mobile-our-process, .following-indu-sec, .mob-why-top-ten{padding:50px 0;}
	.right_panel{text-align:center;}
	.mob-why-top-ten-box{width:80%; margin-right:0; margin:0 auto; margin-top:30px; }
	.mob-why-top-ten-box:first-child{margin-top:0; }
	.mob-why-top-ten-box:last-child{margin:0 auto; margin-top:30px; }
	.mob-why-top-ten-outer{flex-wrap:wrap;}
	.stanning-app-outer{flex-wrap:wrap;}
	
	.stanning-left-cont{max-width:100%;}
	.stanning-left-cont figure{width:90%; margin:0 auto; margin-bottom:20px; }
	
	.mobile-serv-outer{flex-wrap:wrap;}
	.mobile-serv-left{max-width:100%; border:none;}
	.mobile-sec-cont p{max-width:100%;}
	.mobile-sec-cont h3{margin-bottom:15px;}
	.mobile-serv-right{max-width:100%; padding-left:0; margin-top:30px;}
	.mobile-serv-right h3{margin-bottom:15px;}
	.mobile-serv-right ul li{margin-bottom:12px;}
	.following-indu-outer{flex-wrap:wrap; flex-direction: column-reverse;}
	.following-indu-right{margin-top:0; max-width:100%; width:100%; text-align:center;}
	.following-indu-left{margin-top:20px;}
	.mobile-our-process h3,	.following-indu-left h3{margin-bottom:15px;}
	.serv-list li{width:25%;}
	.robots-banner-inner h4 {
		padding: 25px 70px;
		text-align: center;
		font-size: 13px;
	}
	.robots-banner-inner{height: 180px;}
	
}
@media only screen and (max-width: 479px){
	/*Techtic Solutions 08-03-2018 Start*/	
	.video_cell{margin: 0 0 30px; width: 100%;}
	.video_cell_outer {padding: 10px 0;}
	
	.video_page_left .watch-video p{font-size: 15px; line-height: 24px;}
	.video_page_outer{padding: 40px 0 10px; }
	/*Techtic Solutions 08-03-2018 end*/	
	
	/*mobile app develoment*/
	.mob-leading-sec, .stanning-app-sec, .mobile-our-process, .following-indu-sec, .mob-why-top-ten{padding:40px 0;}
	.hd-h3{font-size:20px; line-height:26px;}
	.mob-why-top-ten-box{width:100%;}
	.mob-why-top-ten-box figure{margin-bottom:10px;}
	.mob-why-top-ten h3{margin-bottom:20px;}
	.mobile-serv-outer{margin-top:30px;}
	.mob-why-top-ten-box h5{font-size:20px; line-height:26px;}
	.serv-list li span{width:auto; font-size:12px; line-height:16px; margin-top:5px;}	
	.mobile-serv-right ul li{margin-bottom:10px;}
	.serv-list li{width:30%;}
	.footer_col.company-info li{margin-left:15px;}
	.stanning-left-cont figure{width:100%;} 
	
	.footer_chat.sticky{display:none;}
}
	

@media only screen and (max-width: 1199px)
{
.header_left, .banner_right{width:100%;}
.header_wrap{width: 75%;left: inherit;right: 0;}
.logo, .inner_page .logo{  left: 0;  min-height: 109px;  padding: 0;  position: absolute;  text-align: center;  top:15px;  width: 20%;  line-height: 100px;vertical-align: middle;}
.logo img { width: 180px;}
.service_col h6{padding-right: 30px; min-height: 38px;}
.service_left{width: 70%;}
.get_quote{width:28%;}
.web_icon a {  height: 117px;  line-height: 114px;  width: 117px;}
.web_icon a img{width:50px;}
.web_icon{width: 13%;}
.web_content{width: 87%;}
.listing_custom li{font-size:14px;}
.seo_package_left { width: 73%;} 
.social_media{width:26%;}
.foot_links{padding-right: 30px;  width: 24%;}
.succes_story { margin: 0 0 0 2%;  width: 35%;}
h2{font-size:31px;}
.banner_caption h3{font-size:31px;}
.foot_testimonial { width: 32%;}
.foot_testimonial p {    padding-left: 58px;}
.foot_testimonial p::before{height: 28px;width: 47px;background-size:100% 100%;}
.copyright a.call_number{ font-size: 18px;}
.copyright p, .copyright a {  font-size: 13px;  line-height: normal; text-align:center;}
.copyright{text-align:center;}
.footer_col h2{line-height: 26px;}
p{ font-size: 15px;line-height: 27px; padding-bottom: 15px;}
.foot_links ul li a{font-size:14px;}
.service_row{margin-bottom:0;}
.succes_story{padding:0;margin:0;width:48%;min-height:inherit !important;}
.foot_testimonial{width:48%;margin:0;padding:0;min-height:inherit !important;}
.watchvideo, .watchvideo strong{ font-size:21px; padding:18px 10px;}
.feed_back.watchvideo > img {
  width: 150px;
}


/*Web Devolpment Page CSS 31-01-2017*/
.togather_article h3{font-size: 30px;}
.left_togather{width:68%;}
.togather_article p{max-width: 69%;}
.gaurantee{width: 48%;}
.our_gallery{width:48%;}
.free_cons_btn {	position: static;	line-height: 50px;	border-radius: 0;	transform: rotate(0deg);	width: 100%;	height: auto;	margin: 50px 0 0 0;padding:0;
}
.gallery_section{padding-bottom:0;}
.html5_in {	width: 350px;	float: right;	margin-right: 0;	margin-top: 0;	background: rgba(0,0,0, 0.5);	padding: 20px;}
.html5_wrap{background-size:cover;}
.html5_in h3 strong{color:#f2d959;}
.why_choose { width: 30%;padding: 114px 10px 0 13px;}
.why_choose h2::before{left: -11px;top: -102px;}
.customer_right{width: 67%;}
.customer_right p{line-height: 25px;}
.web_dev_wrap h2, .competive h2{font-size: 30px;}
.web_dev_wrap p{font-size: 15px;line-height: 27px;}
.browser_capbility h2{font-size: 38px;}
.web_dev_col1 {    width: 76px;}
.gaurantee ul li{padding-right:10px;}
.phone_numbers ul li{padding: 0 13px;}
.phone_numbers ul li a{font-size: 20px;}



/*NEW CSS*/
.logo, .inner_page .logo{width: 25%;top: 0;}
.nav_bar ul li a{line-height: 40px;}
.phone_numbers{padding: 0;}
h1{font-size: 14px;}
.inner_page .banner_right{padding: 120px 0px 20px;}
.seo-ranking-cont{max-width: 86%;margin-left: 0;padding-left: 15px;}
.website-follows ul li{margin-right: 32px;}
.website-follows ul li:nth-child(2){top: -160px;left: 133px;}
.website-follows ul li:nth-child(4){left: 371px;top: -145px;}
.website-follows ul li:nth-child(6){right: 85px;top: -140px;}
.website-follows ul li::before, .website-follows ul li:nth-child(2)::before, .website-follows ul li:nth-child(4)::before, .website-follows ul li:nth-child(6)::before{width: 25px;height: 25px;background-size: 25px;}
.website-follows ul li::before{margin-left: -9px;}
.website-follows ul li:nth-child(2)::before, .website-follows ul li:nth-child(4)::before, .website-follows ul li:nth-child(6)::before{bottom: -50px;margin-left: -15px;}
.website-follows ul li:nth-child(2)::before{margin-left: -20px;}
.website-follows ul{margin-top: 180px;}
.red-left i{margin-bottom: 30px;}


.website-follows .fixed-wrapper{max-width: 992px;}
.client-logo-box{margin-right: 39px;margin-bottom: 39px;}
.client-logo-box h3{font-size: 20px;letter-spacing: 2px;}
.logo-img{min-height: 165px;}
.client-pages{padding: 70px 0px;}

/*NEW HEADER CHANGES*/
.header_wrap{width: 100%;}
header .phone_numbers ul li, header .phone_numbers ul li a{font-size: 14px;}
header .header_wrap h1{font-size: 16px;margin-top: 15px;margin-left: 10px;}
header .phone_numbers ul li{padding: 0 14px;}
.logo{min-height: initial;line-height: normal;width: 23%;padding: 15px 16px 0;background-size: 83% 175%;}
.logo img{max-width: 82%;}
header .nav_bar ul li{line-height: 13px;}
header::before{height: 36px;}
header .phone_numbers{margin-top: 7px;}
header .header_wrap h1{margin-top: 9px;}
header .nav_bar{margin-top: 15px;}
header{padding-bottom: 8px;}
.nav_bar ul li a{line-height: 35px;}

}

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

.phone_numbers ul li{padding:0 5px;}
.phone_numbers ul li a, .phone_numbers ul li{font-size: 13px;}
.nav_bar ul li {  padding: 0 5px;}
.nav_bar ul li a {  font-size: 13px;}
.nav_bar ul li a.drop_down::before{ right: -13px;border-width: 4px 4px 0;top: 3px;}
.logo{top: 0;}
.logo img { width: 200px;}
.service_col h2{font-size: 14px;}
.service_col p{font-size: 13px; line-height: 17px;}
.affordable_btn{ font-size: 17px;}
.web_icon a {  height: 97px;  line-height: 94px;  width: 97px;}
.web_content {  width: 84%;}
.web_content p{font-size: 16px;line-height: 23px;}
.internet_premium_left {  width: 100%;}
.map {  width: 100%;}
.seo_package_block .fixed-wrapper{max-width:728px;}
.seo_package_left {  width: 100%;}
.social_media {  width: 100%;}
.social_media ul li{width:32%;float:left;margin:0 2% 0 0;}
.social_media ul li:nth-child(3n){margin-right:0;}
.footer_col h2 {  font-size: 26px;  letter-spacing: 2px;  line-height: 26px;}
.footer_col h6{letter-spacing:0;text-transform:inherit;font-size:16px;}
.foot_links ul li a{ line-height: 36px;}
p {  font-size: 14px;  line-height: 23px;  padding-bottom: 13px;}
.footer_col{min-height: 408px;}
.footer_chat h3{font-size: 18px;letter-spacing: 3px;min-height: 64px;}
.link_btn{font-size:14px;}
.seo_cont{width: 400px;}
.nav_bar ul li ul li a{font-size:13px;padding:10px;}
.nav_bar ul li ul{width: 240px;}
.map{text-align:center;}
.map img{width:60%;}
.map{margin-top:0;margin-bottom:20px;}
.foot_links{width:50%;border-bottom:1px solid #e4e4e4; min-height: 418px;}
.company-info{border-bottom:1px solid #e4e4e4; min-height: 418px;}
.company-info{width:50%;}
.whychoose, .importantlink{  width: 50%;padding: 30px 0;}
.inner_page .logo{top:0;}
.ppc_method{ width:100%;}
.ppc_method_manage{ width:100%;}

/*Web Devolpment Page CSS 31-01-2017*/
/*.watch-video{width: 37%;}*/
.watch-video h2 {	font-size: 34px;	margin-bottom: 5px;}
.watch-video p{font-size: 20px;line-height: 27px;}
.watch_video{min-height:inherit;}
.left_togather {	width: 100%;}
.let_togather .right_panel{width:100%;margin:30px 0 0;}
.gaurantee {	width: 100%;}
.our_gallery{width:100%;margin:20px 0 0;}
.customer_right h2{letter-spacing:0;}
.web_dev_wrap{width:100%;}
.web_dev_col2{width: 87%;}
.browser_capbility{width:100%;}

}
@media only screen and (min-width: 300px) and (max-width: 767px) {

.top_section{padding: 80px 0 0;}

.logo img {width: 201px;}
h2{font-size: 23px;line-height: 25px;margin-bottom:10px;}
.banner_caption h3{font-size: 23px;line-height: 25px;margin-bottom:20px;}
h1{font-size: 16px;color: #f5d635;text-align: right;}
.banner_caption {  height: 127px;  max-width: 300px; bottom: 20px;}
.marketing_btn{bottom: 15px;}
.banner_caption p{line-height: 18px;font-size: 13px;letter-spacing: 0px;}
.marketing_btn a{padding-bottom: 3px;letter-spacing: 2px;font-size: 14px;}
h3, .search_engine h3{  font-size: 20px;  letter-spacing: 4px;}
.service_col{width:100%;margin:0 0 30px 0;text-align:center;/*border-top:1px #ccc solid;*/padding:20px 0 0 0;}
.service_col h2{padding:0;min-height:inherit;}
.service_col p{padding:0;margin:10px 0;min-height:inherit;}
.service_col i{margin-bottom:20px;}
.affordable_btn{margin:0;border-radius:10px;font-size:14px;padding:10px;min-height:inherit;}
.services_block2{padding:40px 0;}
.service_left{width:100%;}
h2{line-height:normal;font-size:26px;}
.banner_caption h3{line-height:normal;font-size:26px;}
.get_quote{width:100%;}
.web_icon {  float: none;  margin: 0 auto;  width: 97px;}
.web_content{width:100%;text-align:center;margin:40px 0 0;}
.test_btn{float:none;display:inline-block;margin:20px 0 0;}
.service_row{ margin-bottom: 20px;}
.video_block .video_frame {  height: inherit;}
.video_block {  padding: 30px 0;}
.listing_custom li{min-height:inherit;width:100%;}
.seo_own {  float: none;  margin: 0 auto;  width: 200px;}
.seo_package_block{padding: 40px 0 30px;}
.seo_cont{width:100%;text-align:center;}
.seo_cont h2{position:static;}
.social_media{margin-top:30px;}
.social_media ul li{width:100%;margin:0 0 20px 0;}
.foot_links{display:none;}
.footer_col {  min-height: inherit;  padding: 20px 0; width:100%;}
.footer_chat{height:auto;}
.footer_chat .fixed-wrapper{padding:0;}
.footer_chat h3{height:auto;width:100%;text-align:center;padding:10px 20px;min-height:inherit;}
.footer_chat h3::after, .footer_chat h3::before{display:none;}
.footer_chat ul{width:100%;float:left;text-align:center;}
.footer_chat ul li{display:inline-block;float:none;}
.footer_chat ul a{top:inherit;bottom:-20px;}
.footer_chat ul a:hover {  top: 13px;}
.footer_col h2 {  font-size: 23px;  line-height: 23px;}
.footer_menu{padding:20px 0;}
.video_block{padding:20px 0;}
.feed_back{width:100%;margin-bottom:20px;}
.video_block .video_frame{width:100%;}
.feed_back img{width:100%;}
#backToTop.footer_chat{position:static;}
.copyright{padding: 18px 0;}
.inner_page h2 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 2px;
}

	.bread-crumbs ul li{ font-size:12px;}
	
.left_container{width:100%;padding:0;}
.middel_wrap{padding:40px 0 30px;}
.recieve_email strong{font-size:16px;}
.footer_chat ul li:first-child a {  padding-top: 37px;}
.marketing_service{display:block;}
.marketing_service strong{font-size:14px;}
.marketing_service_col1 {  display: block;  float: left;  width: 100%;height:auto;padding:10px;}
.marketing_service_col2, .marketing_service_col3{padding:10px;width:50%;float:left;height:auto;}
.marketing_service_col3 span, .marketing_service_col2 span, .marketing_service_col3 span a, .marketing_service_col2 span a{font-size:13px;}
.packages_tr div{width:100%;padding: 10px;}
.packages_td2, .packages_td3{width:50% !important;min-width: 50px;padding:0 5px;}
.packages_table strong{font-size:14px;}
.table2, .table2 .packages_tr, .table2 .packages_tr div{display:block !important;}
.table2 .packages_tr div{width:100% !important;padding:10px;float:left;text-align:left;}
.marketing_service{margin-top:20px;}
.right_panel{ width:100%; margin-top:15px;}
.ppc_method_manage{ width:100%; text-align:center; padding:15px 0;}
.contact-col-1, .contact-col-2{ width:100%;}
.bannerbtn-outer{bottom:36px;}
.bannerbtn a{padding: 8px 20px;}
.bannerbtn{font-size: 17px;}
.bannerbtn-outer{ max-width:235px;}

.watchvideo, .watchvideo strong{ font-size:28px; padding:18px 10px;}
.feed_back.watchvideo > img {
  width: auto;
}

.watchvideo{background:#f04c53 url("https://www.top-ten-website-marketing.com/images/watchvideo-bg.jpg") no-repeat center; background-size:50%;}


/*Web Devolpment Page CSS 31-01-2017*/
.web_structure h2{font-size:25px;padding-bottom: 39px;}
.web_structure p{font-size: 15px;}
.watch-video {	width: 100%;	margin: 0 0 30px 0;}
.video_wrap{width:100%;}
.togather_article p{width:100%;max-width:100%;}
.contact_btn{float:left;}
.togather_article h3 {	font-size: 30px;	letter-spacing: 1px;}
.let_togather{padding: 40px 0;}
.html5_in{width:100%;max-width:340px;}
.gallery_section h2{font-size:30px;}
.why_choose { width: 100%;}
.customer_section{padding: 45px 0;}
.web_dev_col1{text-align:center;width:100%;}
.customer_right {	width: 100%;	margin: 30px 0 0px;}
.web_dev_col2{width:100%;text-align:center;}
.web_dev_wrap h2, .competive h2{font-size:28px;letter-spacing:1px;font-weight:400;margin-top:10px;}
.web_dev_wrap{padding:10px;}
.browser_capbility h2 {	font-size: 28px;	line-height: 31px;	min-height: 110px;	padding: 14px 0 0;}
.browser_capbility p {    font-size: 18px;    line-height: 27px;}
.why_choose h2{font-size: 32px;}
.why_choose{padding: 140px 10px 0 13px;}
.browser_capbility{min-height:inherit;}

	
}

@media only screen and (max-width: 991px){
/*NEW CSS*/
	.header_wrap{display:none;}
	.logo, .inner_page .logo{width: 100%;text-align: left;padding-left: 15px;position: fixed;z-index:9999; padding:0 10px; }

	.logo img{width: 230px;}
	.mean-container a.meanmenu-reveal{top: 40px;}
	.mean-container .mean-nav{top: 110px;}
	.banner_caption .service_col{width: 30.6%;margin: 10px 6px;}
	.service_col i {width: 60px;height: 60px;line-height: 58px;margin-bottom: 22px;}
	.banner_caption .service_col i img{max-width: 52%;}
	.banner_right{padding: 150px 0px 30px;}
	.banner_caption .marketing_btn{margin-top: 40px;}
	h2{font-size: 27px;line-height: 34px;letter-spacing: 2px;}
	.banner_caption h3{font-size: 27px;line-height: 34px;letter-spacing: 2px;}
	.custom-design-quality ul li{ line-height: 44px; width:31%;}
	.custom-design-quality ul li i{width: 50px;height: 50px;line-height: 46px;}
	.custom-design-quality ul li span{margin-left: 55px;font-size: 13px;}
	.banner_right .bnr-btn{padding: 10px 50px;margin: 0;}
	.google-ads .web_content, .dev-right{width: 100%;float: none;text-align: center;}
	.development_block .dev-right .test_btn{float: none;margin-top: 30px;}

	.inner_page h2{font-size: 25px;}
	.inner_page .bread-crumbs{margin-top: 10px;}
	.seo-ranking-cont{	max-width: 90%;padding-left: 0;margin-top: 20px;}
	.seo-rank-blk{margin-bottom: 10px;}
	.website-follows ul li::before{display: none;}
	.website-follows ul li:nth-child(2), .website-follows ul li:nth-child(4), .website-follows ul li:nth-child(6){position: relative;top: auto;left: auto;right: auto;}
	.website-follows ul li{margin-right: 24px;float: none;display: inline-block;margin-bottom: 20px;}
	.website-follows ul{text-align: center;margin-top: 40px;}
	.website-follows ul li:nth-child(3n){margin-right: 0;}
	.web-content{padding-left: 20px;}
	.seo-friendly .web-content{padding-right: 20px;}
	.web-architecture h3{font-size: 28px;letter-spacing: 4px;}

	.client-logo-box{margin-right: 30px;margin-bottom: 30px;}
	.client-logo-box h3{font-size: 18px;letter-spacing: 1px;}
	.logo-box-btm{padding: 30px;}
	.client-pages{padding: 50px 0px;}


	/*NEW CHANGES*/
	#contact_scroll_box{display: none;}
	
	.header_wrap{display: block;}
	header .nav_bar{display: none;}
	header{padding: 15px 0px;background: #fff;position: relative;}
	header:before{display: none;}
	.logo{width: 30%;background: #ffffff;position: static;}
	header .phone_numbers{width: 66%;margin-top: 0;display: none;}
	header .header_wrap h1 { margin-top: 0; color: #646263; float: none; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 auto;right: auto;width: 100%;text-align: center;margin-left: 40px;}
	header .fixed-wrapper{position: static;}
	.header_wrap{float: left;}
	.mean-container a.meanmenu-reveal{top: 26px;}
	.banner_right{padding: 30px 0px 30px;}
	
	.fixed-call ul li:nth-child(3):hover a, .fixed-call ul li:hover a{transform:translateX(200px);}
	
/*22-11-2022*/
.mean-container .mean-nav{top: 83px;}

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

.service_col p{min-height:70px;}
.social_media {text-align:center;}
.social_media  ul li{display:inline-block;float:none;}
.service_row i{margin:0;}
.left_container h2{letter-spacing:3px;font-size:24px;}

 
}

@media only screen and (max-width:767px){
 /*22-11-2022*/
 .mean-container .mean-nav{top:68px;}
 .logo a{width:150px;}
}	

@media only screen and (max-width:575px){
 /*22-11-2022*/
 .mean-container .mean-nav{top:75px;}
}	

@media only screen and (max-width:639px) 
{
.states ul li{ width:50%;}
.bannerbtn-outer {bottom: 60px;}
}

@media only screen and (max-width:480px) 
{
.copyright a.call_number {display: block; font-size: 18px; margin:10px 0;}
.home-footer-sitemap a {color: #646263;padding:0 8px;}
.home-footer-sitemap a {display: inline-flex; margin: 10px 0;}

}


@media only screen and (min-width: 540px) and (max-width: 767px)
{
.affordable_btn {  border-radius: 40px;  padding: 20px 30px;}
.feed_back{width:100%;text-align:center;}
.feed_back img{width:auto;}
.foot_links{width:50%;border-bottom:1px solid #e4e4e4; min-height: 418px;display:block}
.company-info{border-bottom:1px solid #e4e4e4; min-height: 418px;}
.company-info{width:50%;padding-left:20px;}
.whychoose, .importantlink{  width: 50%;padding: 30px 0;}
.footer_col h6::after{left: inherit; right: 10px;}
.footer_col h6 {  font-size: 19px;  letter-spacing: 3px;  text-transform: uppercase;}
h2 {font-size: 27px;}
.banner_caption h3 {font-size: 27px;}
}


@media only screen and (max-width: 767px){
	.banner_caption{max-width: 100%;height: auto;}
	.banner_caption .service_col{margin: 7px 5px;}
	
	.banner_caption .service_col h2{font-size: 15px;}
	.banner_right{padding: 90px 0px 30px;}
	.bannerbtn a{padding: 0;}
	.custom-design-quality ul li:nth-child(3n){margin-right: 0px;}
	.custom-design-quality ul li:nth-child(2n){margin-right: 0;}
	.custom-design-quality ul li{width: 48.5%; float:left; margin-right:0;}	
	.custom-design-quality ul li:nth-child(2n){float:right;}	
	.custom-design-quality ul li span{margin-left: 60px;}
	.custom-design-quality{padding: 40px 0px;}

	.web-architecture, .seo-friendly, .full-width-content, .seo-ranking, .website-follows, .website-development{padding: 40px 0px;}
	.inner_page h2{font-size: 22px;}
	.bread-crumbs ul li{font-size: 13px;}
	.inner_page .banner_right{padding: 50px 0px 10px;}
	.search-engine-banner{min-height: initial !important;}
	.inner_page .bread-crumbs{margin-top: 5px;}
	.web-architecture h3{font-size: 24px;letter-spacing: 2px;}
	.web-img, .web-content{width: 100%;display: block;}
	.web-design-blk .web-content{display: table-header-group;}
	.web-design-blk .web-img{display: table-footer-group;}
	.web-design-blk .web-img img{margin-top: 30px;}
	.web-content{margin-top: 30px;}
	.web-design-blk{text-align: center;}
	.web-content h3 strong, .seo-ranking h3 strong, .website-follows h3 strong, .website-development h3 strong{display: inline;}
	.seo-rank-blk{width: 100%;margin-bottom: 10px;}
	.seo-ranking-cont{max-width: 84%;padding-left: 15px;margin-top: 0;}
	.website-follows ul li{margin-right: 0;margin: 0px 10px 30px !important;}
	.red-left{width: 100%;float: none;}
	.grey-right{width: 100%;float: none;margin-top: 140px;}
	.website-development::before{width: 100%;height: 43%;}
	.red-left p{padding-bottom: 10px;}
	.footer_chat ul a{bottom: 0;transition: all ease-in-out .5s;}
	.footer_chat ul a:hover{transition: all ease-in-out .5s;}
	.footer_chat ul li{vertical-align: top;}
	.footer_chat ul{padding: 10px 0px;}

	.client-logo-box{width: 100%;float: none;margin-right: 0;}
	.logo-img{min-height: initial;padding: 80px 0px 88px;}


	/*NEW HEADER CHANGES*/
	.top_section{padding: 0;}
	.banner_right{padding: 40px 0px 30px;}
	.mean-container a.meanmenu-reveal{top: 19px;}
	
	.fixed-call ul li a{line-height:50px; height:50px;}
	.fixed-call ul li a i img{width:18px;}
	.fixed-call ul li a i{width:40px; height:40px; line-height:40px;}
	.fixed-call ul li:nth-child(2) a, .fixed-call ul li a{transform: translateX(205px);}
	.fixed-call ul li:nth-child(2):hover a, .fixed-call ul li:nth-child(3):hover a, .fixed-call ul li:hover a{transform:translateX(205px);}
	.fixed-call ul li:last-child{margin-top:-5px;}
}

@media only screen and (max-width: 575px){
	.banner_caption .service_col{margin: 7px 4px;padding: 15px 6px;}
	.fixed-wrapper{padding: 0px 15px;}
	.banner_right{padding: 70px 0px 30px;}
	.banner_caption .service_col h2{font-size: 13px;line-height: 16px;}
	.banner_caption .service_col a{padding: 10px 0px 0px}
	h2{font-size: 22px;line-height: 30px;}
	.banner_caption h3{font-size: 22px;line-height: 30px;}
	.banner_right .bannerbtn .bg-remove{margin-top: 12px;}
	.marketing-agency{font-size: 15px;}
	.google-ads .web_content, .dev-right{margin: 0;}

	.inner_page .bread-crumbs{float: left;margin-left: 20px;}
	.foot_testimonial .link_blue_btn{float: left;}
	.grey-right form input:nth-child(1), .grey-right form input:nth-child(2){width: 100%;float: none;}
	.website-development::before{height: 39%;}

	.hover-inner{width: 90%;}
	.client-pages{padding: 40px 0px;}

	/*NEW HEADER CHANGES*/
	header .header_wrap h1{font-size: 14px;margin-left: 30px;}
	.logo img{max-width: 95%;}
	.custom-design-quality ul li span{margin-left: 55px;}
	.logo{padding: 0;}
	.inner_page .banner_right{padding: 20px 0px 20px !important;}
	
	.fixed-call{top:auto; bottom:20px; transform:translateY(0);}
}

@media only screen and (max-width: 479px){
	.logo img{width: 170px;}
	.logo, .inner_page .logo{min-height: 80px;line-height: 80px;}
	.mean-container a.meanmenu-reveal{top: 25px;}
	.mean-container .mean-nav{top: 80px;}
	.banner_caption .service_col{width: 45.6%;}
	.banner_right{padding: 20px 0px;}
	h2{font-size: 18px;line-height: 23px;letter-spacing: 1px;}
	.banner_caption h3{font-size: 18px;line-height: 23px;letter-spacing: 1px;}
	.banner_caption h3{font-size: 18px;line-height: 23px;letter-spacing: 1px;}
	.custom-design-quality ul li{width: 100%;margin-right: 0 !important;}
	.test_btn{letter-spacing: 1px;font-size: 14px;}
	.internet_premium_block{padding: 50px 0px 30px;}
	.footer_chat ul li{vertical-align: middle;}
	.marketing-agency{font-size: 11px;padding: 10px 0px;}

	.web-architecture, .seo-friendly, .full-width-content, .seo-ranking, .website-follows, .website-development{padding: 30px 0px;}
	.banner_caption .service_col h2{margin-bottom:0;}
	.banner_caption .service_col{width: 80%;}
	.banner_caption .service_col h2 br{display:none;}
	.seo-ranking-cont{max-width: 100%;padding-left: 0;margin-top: 15px;}
	.grey-right{margin-top: 120px;}
	.website-development::before{height: 40%;}
	.foot_testimonial p::before{height: 19px;width: 24px;}
	.foot_testimonial p{padding-left: 25px;padding-top: 32px;}

	.client-pages{padding: 20px 0 50px;}
	.logo-box-btm{padding: 30px 20px 40px;}
	.logo-box-btm span{margin-bottom: 15px;}
	.logo-img{padding: 80px 0px 58px;}

	/*NEW HEADER CHANGES*/
	header{padding: 0px 0px 10px;}
	.logo{min-height: initial;line-height: normal;display: table-footer-group;width: 45%;}
	header .header_wrap h1 { position: static; display: table-header-group; line-height: 30px;-webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);font-size: 12px; color: #ffffff;}
	header .fixed-wrapper{display: table;}
	.logo img{margin-top: 9px;}
	.mean-container a.meanmenu-reveal{top: 45px;}
	header:before{display: block;height: 30px;}
	.inner_page .bread-crumbs{margin-left: 0;width: 100%;}

	.custom-design-quality ul li span{margin-left: 60px;}
	
  /*22-11-2022*/
  .mean-container .mean-nav{top:95px;}
}