@media only screen and (min-width:768px) and (max-width:991px) {
img{max-width:100%; height:auto;}
.cbp-af-header{min-height: inherit;}
/*.cbp-af-header.cbp-af-header-shrink .sitelogo{width:auto;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding: 0px 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding: 0px 0px; line-height:20px; font-size:14px;}*/
/*#cssmenu > ul > li{margin:0px; padding:0 7px;}
#cssmenu > ul > li > a{padding:0 0px; font-size:14px; line-height:20px;}*/
.header-contact ul li{padding-right:7px; margin-right:0px; font-size: 13px;}
.learnmore{font-size:20px; line-height:50px; padding:0px 35px;}
.header-contact svg{font-size:44px;}

.innerbanner h1{font-size:60px; line-height:64px;}
/*innerpage*/
.innercontent{padding:40px 0px;}
.innercontent h1{font-size:40px; line-height:44px; padding-bottom:0px; margin:0px auto 10px;}
.innercontent h2{font-size:22px; line-height:26px; margin-bottom:10px;}
.innercontent h3{font-size:20px; line-height:24px; margin-bottom:8px;}
.innercontent h4{font-size:19px; line-height:23px; margin-bottom:8px;}
.innercontent h5{font-size:18px; line-height:22px; margin-bottom:8px;}
.innercontent h6{font-size:17px; line-height:21px; margin-bottom:8px;}
.innercontent p{font-size:15px; line-height:24px; margin-bottom:15px;}
.innercontent ul li{font-size:15px; line-height:22px;}
.innercontent ol li{font-size:15px; line-height:22px;}
.innercontent ul.bullet li{margin:0px 0px 10px 0px; font-size:15px; line-height:22px;}

/**/

.forge-section{padding:100px 0;}
.forge-section h2{font-size:50px;}
.needhelp-section h2{font-size:50px;}
.sports-box h3{font-size:22px;}
.sports-box h5{font-size:20px;}
.herobanner h1, .herobanner h2{font-size:40px; margin-bottom:10px;}
.herobanner p{font-size:18px; margin-bottom:20px;}
.sitelogo{max-width:140px;}
#cssmenu > ul > li > a{margin:0px; font-size:12.4px; padding:0 6px;}
#cssmenu > ul > li:nth-child(5){margin-right:0px;}
.sportsslider-prev{left:0px;}
.sportsslider-next{right:0px;}



}

@media only screen and (min-width:480px) and (max-width:767px) {
img{max-width:100%; height:auto;}
.sitelogo{width:auto;}
#cssmenu{text-align:left; position:static;}
#cssmenu ul{top:42px;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:15px; line-height:36px;}
#cssmenu ul.open{z-index:999; position:absolute !important; top:50px; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu ul.open ul.open{position:static; padding:0 0; top:36px; }

#cssmenu > ul.open > li:hover > a{color:#000;}
#cssmenu > ul > li:last-child{float:none; text-align:left;}
#cssmenu > ul > li:last-child > a{padding-right:15px;}
#cssmenu > ul > li > a::after{display:none;}
#cssmenu > ul > li:hover > a::after{display:none;}
#cssmenu > ul > li.active > a::after{display:none;}
#cssmenu > ul.open > li > a:hover{color:#9a7537;}
#cssmenu ul.open li{position:relative !important;}
#cssmenu > ul.open > li > a{padding:0px;}
#cssmenu #menu-button{padding:0px; width:38px; height:34px; float:right; top:0px; background:#fff; /*margin-top: -34px;*/}
#cssmenu #menu-button::before{top:10px; right:9px; background:#000;}
#cssmenu #menu-button::after{top:16px; right:9px; height:8px; border-color:#000;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#000;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#000;}
.cbp-af-header{overflow: initial;}
.cbp-af-header.cbp-af-header-shrink .header{padding:10px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{margin-bottom:0px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:48px;}

/**/
.topbar{padding:0px; display: none;}
.header{padding:10px 0px; margin-bottom:0px;}
.header [class*="col-"]{position:static;}
.navigation [class*="col-"]{position:static;}
.header-right{padding-top:10px; padding-bottom:0px; position:static;}
.header-cart{margin:0px; padding:6px 15px 0 0px; border:none;}
.navigation{float:right; background:none; margin-top:0px;}
/*.banner-caption{position:static; padding:0px; transform: translateY(-0%); -o-transform: translateY(-0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); background:rgb(0,0,0,0.2);}*/
.herobanner h2{font-size:22px; line-height:26px;  margin-bottom:15px;}
.herobanner h6{font-size: 13px; line-height: 18px;  letter-spacing: 2px; margin-bottom: 10px;}
.herobanner p{font-size:14px; line-height:18px;  margin-top:0px; margin-bottom:16px;}
.slidernav.snext{right:1%;}
.learnmore{font-size:16px; line-height:40px; padding:0px 25px;}

/*innerpage*/
.innercontent{padding:30px 0px;}
.innercontent h1{font-size:30px; line-height:34px; padding-bottom:0px; margin:0px auto 10px;}
.innercontent h2{font-size:22px; line-height:32px; margin-bottom:10px;}
.innercontent h3{font-size:20px; line-height:28px; margin-bottom:10px;}
.innercontent h4{font-size:19px; line-height:26px; margin-bottom:10px;}
.innercontent h5{font-size:18px; line-height:24px; margin-bottom:10px;}
.innercontent h6{font-size:17px; line-height:22px; margin-bottom:10px;}
.innercontent p{font-size:15px; line-height:22px; margin-bottom:15px;}
.innercontent ul li{font-size:15px; line-height:22px;}
.innercontent ol li{font-size:15px; line-height:22px;}
.innercontent ul.bullet li{margin:0px 0px 10px 0px; font-size:15px; line-height:22px;}
.innerbanner h1{font-size:30px; line-height:34px;}


.imgframeleft{padding:30px 0px 0 30px;}
.imgframeright{padding:30px 30px 0 0px;}
.footer h3{margin-bottom:20px;}
/**/

#cssmenu ul li:hover > ul{padding:0px;}
#cssmenu > ul.open > li > a{padding:0 10px;}
.slidernav{bottom:45%;}
.carousel-inner > .item{height:auto; max-height:inherit;}

.sitesearch{padding-left:0px; padding-right:15px; padding-top:5px;}
.copyright{padding:15px 0px;}
.copyright p{font-size:14px;}
#cssmenu > ul > li{padding:1px 2px;}
#cssmenu > ul > li > a{border-bottom:none !important;}
#cssmenu > ul > li:last-child a{border-bottom:#9a7537 solid 1px !important;}
#cssmenu ul.open li:last-child a{border-bottom:#9a7537 solid 0px !important;}
.header-social ul li{margin:0px;}
.header-social ul li a{font-size:16px; margin:0px 2px 0 0; padding-right:4px; }
.header-contact ul li{padding: 0px 1px 0 6px; font-size: 10px; line-height: 14px;}
.sitesearch{padding-right:4px; padding-top: 0;}
.header-contact ul li:first-child{padding-left:5px;}
.header-top{padding:2px 0px;}
.sitesearch img{max-width:13px;}
.header-top .pdlm-0{padding-left:0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{line-height:36px;}

/**/
.readmore-btn{font-size:14px; line-height:40px; padding:0 20px;}
.booknow-btn{font-size:14px; line-height:40px; padding:0 20px;}

.sitelogo{max-width:100px; padding:0 0px; position:static; transform:translateY(0); -o-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);}
.menudiv{float:right;}


/**/
.about-section{margin:0px; padding:40px 0;}
.about-section .align-items-center{display:block;}
.about-section::before{width:100%;}
.about-image{float:none; margin:0 0 25px;}
.about-section h5{font-size:14px;}
.about-section h2{font-size:40px; line-height:normal; color:#fff;}
.align-items-bottom{display:block;}
.ourservice-image{float:none; max-width:100%; margin-bottom:20px;}
.ourservice-content{text-align:center;}
.ourservice-content h5 img{max-width:60px;}
.clientlogo-section{padding:35px 0px; text-align:center;}
.clientlogo-section h2{margin:0 0 10px; text-align:center; padding-right:0px; border:none;}
.clientlogo-section ul li{max-width:32%; margin:0 0 10px; padding:0 4%;}
.testimonials-heading-section h2{font-size:30px; line-height:32px;}
.testimonials-section{padding:30px 0px;}
.testimonials-section p{font-size:16px;}
.testimonials-slider-prev{position:static; margin:20px 0 0; display:inline-block;}
.testimonials-slider-next{position:static; margin:20px 0 0; display:inline-block;}
.ourwork-section h2{font-size:30px; line-height:normal;}
.ourwork-section p{font-size: 16px; margin-bottom:30px;}
.ourwork-gallery ul li{width:48%;}
.ads-section h2{font-size:16px; margin-bottom:10px;}
.ads-section p{font-size:15px; display:none;}
.getquote-section{padding:50px 0 0;}
.getquote-box{padding:30px 15px 30px;}
.getquote-section h2{font-size:36px; line-height:normal; margin-bottom:25px;}
.getquote-image{margin-bottom:20px;}
.footer{padding-top:40px;}
.footer-logo{max-width:200px; margin:0 0 20px;}
.footer p{margin-bottom:30px;}
.footer h2{margin-bottom:15px;}
.footer-contact h4{font-size:15px; margin-bottom:10px;}
.footer h4 i{font-size:16px;}
.footer-social ul li a{font-size:24px;}
.footer-bottom p{margin-bottom:0px;}
.footer-bottom{padding:15px 0px;}












}

@media only screen and (min-width:320px) and (max-width:479px){
img{max-width:100%; height:auto;}

.sitelogo{width:auto;}
#cssmenu{text-align:left; position:static;}
#cssmenu ul{top:42px;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:15px; line-height:36px;}
#cssmenu ul.open{z-index:999; position:absolute !important; top:50px; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu ul.open ul.open{position:static; padding:0 0; top:36px;}
#cssmenu > ul.open > li:hover > a{color:#000;}
#cssmenu > ul > li:last-child{float:none; text-align:left;}
#cssmenu > ul > li:last-child > a{padding-right:15px;}
#cssmenu > ul > li > a::after{display:none;}
#cssmenu > ul > li:hover > a::after{display:none;}
#cssmenu > ul > li.active > a::after{display:none;}
#cssmenu > ul.open > li > a:hover{color:#9a7537;}
#cssmenu ul.open li{position:relative !important;}
#cssmenu > ul.open > li > a{padding:0px;}
#cssmenu #menu-button{padding:0px; width:38px; height:34px; float:right; top:0px; background:#fff; /*margin-top: -34px;*/}
#cssmenu #menu-button::before{top:10px; right:9px; background:#000;}
#cssmenu #menu-button::after{top:16px; right:9px; height:8px; border-color:#000;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#000;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#000;}
.cbp-af-header{overflow: initial;}
.cbp-af-header.cbp-af-header-shrink .header{padding:10px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{margin-bottom:0px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:53px;}

/**/
.topbar{padding:0px; display: none;}
.header{padding:10px 0px; margin-bottom:0px;}
.header [class*="col-"]{position:static;}
.navigation [class*="col-"]{position:static;}
.header-right{padding-top:0px; padding-bottom:0px; position:static;}
.header-cart{margin:0px; padding:6px 15px 0 0px; border:none;}
.navigation{float:right; background:none; margin-top:0px;}
/*.banner-caption{position:static; padding:0px; transform: translateY(-0%); -o-transform: translateY(-0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); background:rgb(0,0,0,0.2);}*/
.herobanner h2{font-size:18px; line-height:20px; margin-bottom:6px;}
.herobanner h6{font-size:13px; line-height:18px;  letter-spacing:2px; margin-bottom:2px;}
.herobanner p{font-size:15px; line-height:20px;  margin-top:0px; margin-bottom:10px; display: none;}
.slidernav.snext{right:1%;}
.learnmore{font-size:16px; line-height:40px; padding:0px 25px;}


/*innerpage*/
.innercontent{padding:30px 0px;}
.innercontent h1{font-size:30px; line-height:34px; padding-bottom:0px; margin:0px auto 10px;}
.innercontent h2{font-size:22px; line-height:26px; margin-bottom:10px;}
.innercontent h3{font-size:20px; line-height:24px; margin-bottom:10px;}
.innercontent h4{font-size:19px; line-height:23px; margin-bottom:10px;}
.innercontent h5{font-size:18px; line-height:22px; margin-bottom:10px;}
.innercontent h6{font-size:17px; line-height:21px; margin-bottom:10px;}
.innercontent p{font-size:15px; line-height:22px; margin-bottom:18px;}
.innercontent ul li{font-size:15px; line-height:22px;}
.innercontent ol li{font-size:15px; line-height:22px;}
.innercontent ul.bullet li{margin:0px 0px 10px 0px; font-size:15px; line-height:22px;}
.innerbanner h1{font-size:30px; line-height:34px;}

.imgframeleft{padding:30px 0px 0 30px;}
.imgframeright{padding:30px 30px 0 0px;}
.footer h3{margin-bottom:20px;}
/**/

#cssmenu ul li:hover > ul{padding:0px;}
#cssmenu > ul.open > li > a{padding:0 10px;}
.slidernav{bottom:45%;}
.carousel-inner > .item{height:auto; max-height:inherit;}

.sitesearch{padding-left:0px; padding-right:15px; padding-top:5px;}
.copyright{padding:15px 0px;}
.copyright p{font-size:14px;}
#cssmenu > ul > li{padding:1px 2px;}
#cssmenu > ul > li > a{border-bottom:none !important;}
#cssmenu > ul > li:last-child a{border-bottom:#9a7537 solid 1px !important;}
#cssmenu ul.open li:last-child a{border-bottom:#9a7537 solid 0px !important;}
.header-top .pdlm-0{padding-left:0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{line-height:36px;}
.header-social ul li{margin:0px;}
.header-social ul li a{font-size:16px; margin:0px 2px 0 0; padding-right:4px; }
.header-contact ul li{padding: 0px 1px 0 6px; font-size: 10px; line-height: 14px;}



/**/
.readmore-btn{font-size:14px; line-height:40px; padding:0 20px;}
.booknow-btn{font-size:14px; line-height:40px; padding:0 20px;}

.sitelogo{max-width:100px; padding:0 0px; position:static; transform:translateY(0); -o-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);}
.menudiv{float:right;}


/**/
.about-section{margin:0px; padding:40px 0;}
.about-section .align-items-center{display:block;}
.about-section::before{width:100%;}
.about-image{float:none; margin:0 0 25px;}
.about-section h5{font-size:14px;}
.about-section h2{font-size:40px; line-height:normal; color:#fff;}
.align-items-bottom{display:block;}
.ourservice-image{float:none; max-width:100%; margin-bottom:20px;}
.ourservice-content{text-align:center;}
.ourservice-content h5 img{max-width:60px;}
.clientlogo-section{padding:35px 0px; text-align:center;}
.clientlogo-section h2{margin:0 0 10px; text-align:center; padding-right:0px; border:none;}
.clientlogo-section ul li{max-width:32%; margin:0 0 10px; padding:0 4%;}
.testimonials-heading-section h2{font-size:30px; line-height:32px;}
.testimonials-section{padding:30px 0px;}
.testimonials-section p{font-size:16px;}
.testimonials-slider-prev{position:static; margin:20px 0 0; display:inline-block;}
.testimonials-slider-next{position:static; margin:20px 0 0; display:inline-block;}
.ourwork-section h2{font-size:30px; line-height:normal;}
.ourwork-section p{font-size: 16px; margin-bottom:30px;}
.ourwork-gallery ul li{width:48%;}
.ads-section h2{font-size:16px; margin-bottom:10px;}
.ads-section p{font-size:15px; display:none;}
.getquote-section{padding:50px 0 0;}
.getquote-box{padding:30px 15px 30px;}
.getquote-section h2{font-size:36px; line-height:normal; margin-bottom:25px;}
.getquote-image{margin-bottom:20px;}
.footer{padding-top:40px;}
.footer-logo{max-width:200px; margin:0 0 20px;}
.footer p{margin-bottom:30px;}
.footer h2{margin-bottom:15px;}
.footer-contact h4{font-size:15px; margin-bottom:10px;}
.footer h4 i{font-size:16px;}
.footer-social ul li a{font-size:24px;}
.footer-bottom p{margin-bottom:0px;}
.footer-bottom{padding:15px 0px;}



}