@media screen and (max-width: 992px) {
input[type="submit"],button[type="submit"]{appearance:none;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;-o-appearance:none}
.upper-section{padding:0 3%;width:94%}
#nav{width:96%;padding-left:2%;padding-right:2%}
.websitedesign-imagebox,.logo-imagebox,.whmcs-imagebox,.TemplateShop-imagebox{width:48%;margin:-215px 0 0;}
.websitedesign-imagebox img,.logo-imagebox img,.whmcs-imagebox img,.TemplateShop-imagebox img{width:100%}
.banner-section .btnbox{margin:15px 0}
.banner-section .heading{font-size:28px;line-height:38px}
.slider-links ul li{width:23%;padding:10px 1%}
.slider-links figure{width:50px;height:50px;line-height:50px;font-size:26px}
.slider-links ul li aside{width:68%;font-size:14px}
.banner-section .btn1{font-size:18px}
.padding{padding:30px 3%}
.content-box{width:94%}
big.small-heading{font-size:18px}
.text-box{font-size:16px;line-height:22px}
.work-list{margin:0 0 30px}
.testimonial-text{margin:10px 0 0}
.links-box ul{text-align:center}
.links-box ul li a{padding:15px 25px}
.portfolio-page-content .template-detail > div{margin:14% 0 0}
.portfolio-page-content ul.list1{margin:0}
.pakage-box{padding-bottom:25px;min-height:450px;margin:0 2% 20px 0}
.pakage-box h3{margin:0 0 10px}
.pakage-box p br{display:none}
.pakage-box-top-section{font-size:14px}
.pakage-box .addons-wrap{width:92%;padding:12px 4%}
.pakage-box .btn1{margin:15px 0 0}
.footer-section{padding:20px 2%;width:96%}
.footer-section .logo{margin:0}
.footer-topsection{margin:0 0 30px}
.footer-left-section{padding:30px 0 0}
.footer-section ul.footer-links{margin:12px 0 0}
.footer-topsection ul.footer-links li{margin:0 1px 0 0}
.footer-topsection ul.footer-links li a{padding:12px 10px}
.copyright-box{margin:30px 0 0}
.contact-section big.small-heading{margin:0}
.print-imagebox figure img{width:100%}
.whmcs-banner-img{width:52%;top:110px;right:0}
.whmcs-banner-img img{width:100%}
.template-img1{margin:20px 0 0}
.addons-img{margin:0 0 0 10px}
.whmcs-service{width:100%}
.contact-section ul.contact-form,.project-info,.project-discription{margin:20px 0 0}
.margin-top{margin-top:20px}
.project-info li label{margin:0 0 5px;padding-right:0;width:100%}
.project-info li .wpcf7-form-control-wrap{width:98%}
.project-discription li{margin:0 0 20px}
.contact-section h2{font-size:30px;line-height:32px}
.new_social-box{margin-top:0}
.accordionbox{float:left;width:100%}
.accord-header{padding:9px 2%;width:96%;font-size:13px}
.accord-content{padding:10px 2%;font-size:13px;width:96%;line-height:20px}
.whmcs_info{width:72%;min-height:122px;}
.banner-section .btn1 {	margin:0 6px 0 0;}
.banner-section .btn1 a{padding:13px 20px;}
}
@media screen and (max-width: 850px) {
.slider-links{bottom:110px}
.slider-links ul li aside{font-size:13px}
.banner-section .btn1{font-size:16px}
.banner-section .btn1 a{padding:10px 20px}
.slider-links h5{font-size:15px}
.home-box{margin-top:-110px}
.text-box ul.list2 li aside{width:62%}
.text-box ul.list2 li aside > div{font-size:15px}
.coma-bdr{margin:40px 0}
.portfolio-page-content .template-detail > div{margin:10% 0 0}
.footer-right-section .copy-right-section{width:45%}
.footer-right-section aside{width:45%}
.brands-list li{margin:0 .5% 4px 0}
.links-box ul li a{padding:15px 16px}
.whmcs-banner{height:auto;padding:0 0 50px}
.whmcs-banner-img{top:45px}
.whmcs-bannerText{font-size:16px;line-height:22px}
.whmcs-bannerText h1{margin:0 0 18px}
.template-img1 img{width:100%}
.footer-section ul.footer-links{margin:16px 0 0}
.footer-topsection ul.footer-links li a{padding:10px;font-size:15px}
.footer-left-section{width:56%;padding:0}
.footer-section h5{margin:0 0 10px}
.pakage-box {width: 100%;}
.pakage-box .product-addon {margin-right: 2%;width: 48%;}
.pakage-box .product-addon:nth-child(2n) {margin: 0;}
.pakage-box .product-addon:nth-child(3n) {margin-right: 2%}
.whmcs_includebox ul{width:46%;margin:0;}
.whmcs_includebox ul li:last-child{border-bottom:1px solid #dae1e5;}
.template_info{	text-align:center}
.template_info .whmcs_img{float:none;margin:0 0 10px;}
.template_info .whmcs_heading{float:none}
.whmcs_info{text-align:left}
}
@media screen and (max-width: 800px) {
.headerbox{min-height:inherit}
.logo{margin:10px 0 0;float:none}
.top-right-section,.menu-wrap{
	width:100%;
}
.logo a{	margin:0 auto}
.menu-wrap{margin:50px 0 0}
#nav{padding-top:8em}
.subbanner-section h1 span br{display:none}
.banner-section .heading{font-size:34px;line-height:38px;margin:0 0 10px}
.banner-section big{font-size:20px;line-height:22px}
.text-box ul.list1{margin:10px 0}
.text-box ul.list1 li figure{height:80px}
.text-box ul.list1 li figure img{width:80px}
.portfolio-page-content .template-detail h3{margin:0 0 10px}
.portfolio-page-content .template-detail .btn1{margin:10px 0 15px}
.portfolio-page-content .social-icons{margin:12px 0 0}
.portfolio-page-content .social-icons a{font-size:20px;line-height:40px;width:40px;height:40px}
.brands-list li{width:49.5%;margin:0 0 4px}
.brands-list li:nth-child(2n){float:right}
.banner-designbox{overflow-x:auto;overflow-y:hidden}
.grid{width:800px}
.whmcs-banner{padding:50px 0;text-align:center}
.whmcs-bannerText{width:100%}
.whmcs-banner-img,.whmcs-service .gear-img,.whmcs-service::before,.addons-img{display:none}
.page-text{text-align:center}
.whmcs-bannerText .btn1,.whmcs-service .page-text .btn1,.page-text .btn1{float:none!important;margin:15px 0;display:inline-block;vertical-align:top}
.whmcs-service .page-text{text-align:center;width:96%}
.page-text p{margin:15px 0 0}
.blog-lt{padding:0;width:68%}
.blog-box,.blog-comments{padding:0 0 0 10%;float:right;width:85%}
.blog-lt::before{left:24px}
.pakage-box:nth-child(2n){float:right}
.menu-outerCon{padding:20px 0; display:inline;}
.menu-outerCon::before,.menu-boxLt{display:none;}
.menu-boxRt {padding-left: 10%;width: 90%;}
.menu-active .collapse-menu{top:20px;right:20px;}
.menu-boxRt {padding-left: 25%;width: auto;}
.footer-left-section{width:100%}
.tweet-section {margin: 20px 0 0;width: 100%;}
.top-link {
	left:0;
	text-align:center;
	}
.top-link ul {
	float:none;}
.top-link ul li {
	float:none;
	display:inline-block;}

}
@media screen and (max-width: 767px) {
.slider-links{bottom:110px}
.slider-links figure{display:none}
.slider-links ul li aside{margin:0;width:100%;text-align:center}
.home-box{margin-top:-110px}
.template-detail > div{margin:18% 0 0}
.template-detail h3{font-size:22px;line-height:24px;margin:0 0 10px}
.template-detail h3 span{margin:0}
.template-detail .btn1{margin:0 0 10px}
.social-icons{margin:10px 0 0}
.map-section iframe{height:250px}
.banner-designbox{padding:40px 0}
.contact-section{padding:0;width:100%}
.contact-section::before{display:none}
.contact-section aside{width:96%;padding:20px 2%}
.contact-section aside:last-child{background:#f5f7f9}
.grid-boxes{margin:20px 0 0}
.grid-boxes > ul::before{display:none}
.grid-boxes > ul{background:none}
.small-box{margin:0 0 20px;padding:30px 3%;width:94%;background-color:#f4f7f9}
.small-box:last-child{margin:0}
.small-box ul.list1{margin:0}
.desired-list li{font-size:15px}
.footer-topsection{text-align:center;padding-bottom:20px}
.footer-section .logo{float:none;margin:0 auto}
.footer-section .logo a{display:inline-block;vertical-align:top}
.footer-section ul.footer-links{width:100%}
.footer-topsection ul.footer-links li{float:none;margin:0;display:inline-block;vertical-align:top}
.copyright-box{margin:20px 0 0}
.banner-designbox{overflow-x:auto;overflow-y:hidden}
.banner-designbox .banner-imagebox{width:767px}
}
@media screen and (max-width: 690px) {
.top-link{top:0}
.collapse-menu,.menu-wrap ul li a{padding:6px}
.menu-wrap ul li,.collapse-menu{font-size:13px}
.menu-wrap{margin:40px 0 0}
top-link {
    float:none;
    right: 0;
    width: 100%;
    left: 0;
}
.top-link ul li {
    display: inline-block;
}


.banner-section .heading{font-size:25px;line-height:32px}
.banner-section .btn1{font-size:14px}
.banner-section .btn1 a{padding:6px 10px}
#banner-slider,.banner-section{height:415px!important}
.banner-inner-text, .websitedesign-imagebox, .logo-imagebox, .whmcs-imagebox, .TemplateShop-imagebox{margin:-70px 0 0}
.slider-links{bottom:0}
.home-box{margin:0}
.template-detail h3{font-size:20px}
.template-detail h3 span, .template-detail p{font-size:15px}
.template-detail .btn1 a{padding:5px 15px}
.social-icons a{width:35px;height:35px;line-height:35px;font-size:18px}
.faq-question,.faq-question2{display:none}
.text-box ul.list1 li{width:49.2%;margin:0 0 10px;padding:20px 0}
.text-box ul.list1 li:nth-child(2n){float:right}
.text-box ul.list2 li{text-align:center;margin:10px 0 0}
.text-box ul.list2 li aside > div{font-size:14px;line-height:18px}
.text-box ul.list2{margin:0}
.text-box ul.list2 li figure{float:none;margin:0 auto;clear:both}
.small-heading.margin-top{margin:15px 0 0}
.text-box ul.list2 li aside{width:100%;padding:0;height:auto;display:block;margin:10px 0 0}
.text-box ul.list2 li aside > div{display:block;width:100%}
.text-box ul.list1 li figure{margin:0 0 12px}
.brands-list li{height:190px}
.links-box ul li a{font-size:15px}
.text-box,.small-box,.whmcs-bannerText,.page-text{font-size:15px;line-height:20px}
.text-box p{margin:10px 0 0}
.small-box h4{margin:0 0 10px}
ul.contact-form input[type="text"],ul.contact-form input[type="email"],ul.contact-form textarea,ul.contact-form input[type="url"]{height:35px;line-height:35px}
span.wpcf7-list-item{margin:0}
.project-discription li{margin:0 0 10px}
.margin-top,.contact-section ul.contact-form,.project-info,.project-discription,.desired-list{margin:10px 0 0}
.desired-list li input[type="checkbox"]{margin:2px 2px 0 0}
.footer-left-section ul.site-menu li{font-size:12px;line-height:16px}
.blog-lt{width:100%}
.blog-lt::before{display:none}
.blog-box,.blog-comments{padding:0;width:100%}
.blog-lt .style1,.blog-comments .style1{left:0;z-index:1;border-radius:0}
.blog-box .image-holder::before{display:none}
.blog-rt{width:100%}
.new_social-box ul li span{display:none}
.new_social-box ul li i{margin:0}
.whmcs_includebox ul{width:96%;margin:0;}
.template_info ul li{width:94%;}
.whmcs_info{width:84%;min-height:auto;}
.icon-bar i{font-size:17px;	line-height:17px;}
.collapse-menu{padding:6px 10px;}
.menu_new_tag{top:-17px;}
#banner-slider,.banner-section{height:450px!important}
#banner-slider{padding:15px 0;width:100%}
.banner-inner-text{margin:10px 0 0}
.banner-section .btn1{float:none;display:inline-block!important;*display:inline!important;vertical-align:top;margin:0}
.banner-inner-text,.websitedesign-imagebox,.logo-imagebox,.whmcs-imagebox,.TemplateShop-imagebox{width:100%;float:left;text-align:center;position:static;margin:0px}
.websitedesign-imagebox,.logo-imagebox,.whmcs-imagebox,.TemplateShop-imagebox{height:200px}
.websitedesign-imagebox img{width:82%}
.TemplateShop-imagebox img{width:92%}
.logo-imagebox img,.whmcs-imagebox img{width:64%}
.banner-section p{font-size:11px}
.banner-inner-text, .websitedesign-imagebox, .logo-imagebox, .whmcs-imagebox, .TemplateShop-imagebox{
	margin:80px 0 0}
}
@media screen and (max-width: 600px) {
.top-link{top:0}
.top-right-section{position: relative;
    width: 100%;
    text-align: center;}
.logo a,.menu-active .logo a{width:100%;background-size: 100% auto !important}
.menu-active .logo a{background-position:left -46px}
.top-link{width:100%;position:static;margin:0 0 10px}
.top-link ul{width:100%}
.top-link ul li{font-size:12px}
#nav ul{width:50%}
#nav ul li{padding:0;font-size:20px}
#nav ul li small{margin:20px 0 10px}
#nav ul li a{font-size:16px}
.menu-wrap{margin: 0;
    width: 100%;
    text-align: right;
    position: absolute;
    top: -50px;}
.menu-wrap ul li{margin:0 1px 0 0}
.menu-wrap ul li,.menu-wrap ul,.collapse-menu,.top-link ul li{float:none;display:inline-block;*display:inline;vertical-align:top}
.menu-wrap ul li:last-child{margin:0}
.slider-links{display:none}
.template-detail > div {margin: 12% 0 0}
.text-box .btn1 a{padding:12px 30px}
.brands-list li{height:160px}
.brands-list li figure img{width:75%}
.social-covers{margin:0 0 10px}
.print-imagebox h4,.print-imagebox:nth-child(2n) h4{padding:10px 28px}
.print-imagebox h4{left:0}
.print-imagebox:nth-child(2n) h4{right:0}
.print-imagebox h4::before{display:none}
.print-imagebox h4::after{font-size:70px;line-height:44px}
.print-box-wrap{padding:40px 0}
.contact-section ul.contact-form li,.contact-section ul.contact-form li:last-child{width:100%!important}
.contact-section ul.contact-form{margin:0}
ul.contact-form span.wpcf7-not-valid-tip{border-top:1px solid;bottom:-77px;color:#f00;text-indent:-9999px}
.grid-boxes{margin:10px 0 0}
.desired-list li{font-size:14px}
.footer-topsection{border:none;padding:0;margin:0}
.footer-section ul.footer-links,.footer-left-section,.tweet-section{display:none}
.copyright-box{margin:14px 0 0}
.copyright-box p{margin:0 0 5px}
.box1{height:420px}
.box1 h1{font-size:48px;line-height:52px}
.pakage-box-top-section{padding:20px 5%}
.pakage-box .btn1{font-size:15px}
.pakage-box .btn1 a{padding:6px 18px}
.pakage-box .addons-wrap{width:96%;padding:12px 2%}
.pakage-box .product-addon {margin: 0 2%;min-height: 365px;width: 96%;}
.banner-section big {font-size: 18px;line-height: 20px;}
.banner-section .heading {font-size: 21px;line-height: 27px;}
.banner-section .btn1{margin:0 2px 0 0;}
.banner-section .btn1 a {padding: 5px;}
.hide-mb-nav{display:none;}
.mb_nav{display:block;}
.logo{width:180px;float:left;margin:10px 0 0;}
.logo a, .menu-active .logo a{height:65px;}

.collapse-menu{padding:6px 8px 7px;margin:0;}
.icon-bar{margin:0}
.icon-bar i {font-size: 24px;line-height: 18px;}
.icon-bar .fa-close{margin:0 0 2px;}
.menu-boxRt ul li a{font-size:20px;}
.mb_nav ul li{position:relative}
.mb_nav .menu_new_tag{padding:4px 10px 2px;top:0;position:relative;right:-10px;}
.menu-boxRt {padding-left: 6%;width: 94%;}
.menu-boxRt ul li{margin:0 0 10px;}
.portfolio-wrap .btn2{font-size:17px;min-width:auto;}
.portfolio-wrap .btn2 a { padding: 10px 30px;}
.text-box ul.list2 li aside > div{font-size:12px;}
h2{font-size:25px;}
@media screen and (max-width: 480px) {
.accord-header .icon{display:none}
.accord-header{line-height:17px;text-align:center}
.subbanner-section{height:auto;padding:30px 0;width:100%}
.template-detail p{font-size:12px;line-height:16px}
.template-detail > div{margin:22% 0 0}
.text-box .btn2{min-width:90%}
.text-box,.testimonial-text-wrap p,.small-box{font-size:14px}
.text-box p{margin:0 0 15px}
.text-box .btn1{font-size:16px}
.text-box .btn1 a{padding:0 22px;line-height:30px}
.content-box h2{margin:0 0 10px}
.template-detail > div{margin:20% 0 0}
.faq-question{height:140px}
.faq-question > div{top:62px;font-size:20px;line-height:20px;left:-30px}
.portfolio-wrap .btn2{margin:18px 0 0;font-size:16px}
.text-box .btn2{margin:0;font-size:16px;min-width:auto}
.text-box .btn2 a{padding:0 30px;line-height:30px}
.template-detail h3 span{font-size:15px}
.template-detail .btn1 a{padding:6px 20px}
.testimonial-text .btn1{margin:15px 0 0}
.testimonial-text .btn1 a{line-height:30px;padding:0 30px}
.work-list{margin:-10px 0 10px}
.banner-designbox{margin:0px}
.work-list li{display:table;float:left;height:74px;margin:0 .5% 0 0;vertical-align:top;width:19.6%}
.work-list li a{border-radius:0;display:table-cell;font-size:12px;line-height:14px;padding:0 5px;vertical-align:middle;background-color:#f6f9fb}
.work-list li:last-child{margin:0}
.subbanner-section h1 span{font-size:20px}
.subbanner-section h1 span br{display:none}
ul.contact-form input[type="text"],ul.contact-form input[type="email"],ul.contact-form textarea,ul.contact-form input[type="url"]{height:44px;line-height:44px}
.project-info li{width:100%;margin:6px 0 0}
.desired-list{margin:0}
.desired-list li{width:100%}
.project-discription li input[type="text"]{width:156px}
.project-discription li input[type="submit"]{margin:10px 0 0;width:42%;font-size:16px}
.links-box{padding:0}
.links-box ul li{width:50%;margin:0;float:left}
.links-box{margin:0}
.grid-boxes h3{font-size:30px;line-height:30px;margin:0 0 15px}
.small-box{padding:20px 3%}
.page-text h3{margin:0 0 5px}
.whmcs-bannerText .btn1,.whmcs-service .page-text .btn1,.page-text .btn1{margin:8px 0}
.footer-section .logo a{height:60px;width:197px;background-size:auto}
.copyright-box ul.payment li{margin:0}
.footer-section{margin:0 0 60px}
.save-coupen-box{padding:10px 3%;width:94%}
.pakage-box{margin:0 0 10px;min-height:auto;width:100%}
.pakage-box .btn1{	min-width:70%	}
.whmcs_info{width:77%}
.template_info .whmcs_heading{font-size:25px;}
.template_info .whmcs_heading span { font-size: 18px; line-height: 20px;}
.menu-outerCon > div{display:block;}
.image_holder.content-box img{width:80%;}
.banner-inner-text, .websitedesign-imagebox, .logo-imagebox, .whmcs-imagebox, .TemplateShop-imagebox{
	margin:90px 0 0;}
}
@media screen and (max-width: 375px) {
#banner-slider,.banner-section{height:412px!important}
.websitedesign-imagebox img{width:98%}
.TemplateShop-imagebox img{width:100%;margin:5% 0 0}
.logo-imagebox img,.whmcs-imagebox img{width:78%}
.subbanner-section h1 span{font-size:18px}
big.small-heading{font-size:15px;line-height:20px}
.template-detail > div {margin: 15% 0 0}
.text-box p{margin:0 0 8px}
.portfolio-slider{margin:20px 0}
.text-box ul.list2 li figure{height:65px}
.text-box ul.list2 li aside > div{font-size:12px;line-height:16px}
.testimonial-text-wrap p{font-size:14px;margin:0 0 10px}
.coma-bdr span{font-size:20px;height:40px;line-height:40px;width:40px}
.coma-bdr{margin:30px 0}
.testimonial-text-wrap span.name{font-size:20px}
.testimonial-text .btn1,.text-box .btn1,.text-box .btn2,.portfolio-wrap .btn2{font-size:15px}
.portfolio-wrap .btn2{min-width:80%}
.brands-list li{height:110px}
.work-list li{width:18.5%}
.portfolio-page-content .template-detail .btn1{margin:0 0 8px}
.template-detail .btn1 a{font-size:12px;line-height:18px}
.template-detail h3{font-size:20px}
.template-detail h3 span{font-size:14px;line-height:16px}
.text-box ul.list2 li p{font-size:13px}
.contact-section .grey-btn,.contact-section .blue-btn{margin:20px 10px 0 0;padding:5px 18px}
.contact-section h2{font-size:29px;line-height:29px}
.small-box p{text-align:left}
.grid-boxes h3{font-size:25px;line-height:28px}
.small-box big{font-size:16px;line-height:20px}
.whmcs_info{width:74%}
}
@media screen and (max-width: 320px) {
.websitedesign-imagebox,.logo-imagebox,.whmcs-imagebox,.TemplateShop-imagebox{height:165px}
.template-detail > div{margin:8% 0 0}
.text-box ul.list2 li{margin:10px 0 0;width:100%}
.testimonial-text .btn1 a{line-height:20px}
}