@charset "utf-8";
/* CSS Document */

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

    header .nav-social .nav ul li a {padding-right:9px; padding-top:17px;}
    .bg {background-size: 100% auto; height: 224px;}
    header .nav-social .nav ul li a {padding: 17px 10px 19px;}
    header .nav-social .nav ul li {line-height: 51px;}
    
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 145px; width: 935px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf .wrapper-two.image-two ul li .left-slide{margin-left: 0;}
    .golf li .left-slide a strong{left: 0;}
    .golf .image-two .bx-prev{left: 35px;}
    .golf .image-two .bx-next{right: 35px;}
}

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

    .wrapper {width:98%;}
    header .nav-social .nav ul li a {padding: 17px 10px 16px;}
    header .nav-social .nav ul li a {padding: 17px 10px 16px;}
    header .nav-social .nav ul li  {font-size: 15px;}
    header .nav-social .nav {width:73%; margin-right:0px;}
    header .nav-social .social {width:27%;}
    .banner ul li a img {width:100%;}
    .container section .right-block {padding: 0 10px; width: 638px;}
    .container section .right-block .blog b {width: 608px;}
    .container .registration {width: 100%; padding:20px 0;}
    .container .registration p {width: 573px; margin:0 36px 0 30px;}
    .bg {height:215px;}
    .golf .wrapper-two.image-two .bx-viewport{width: 890px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 145px; width: 890px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf .wrapper-two.image-two ul li .left-slide{width: 49%; float: left;}
    .golf .wrapper-two.image-two ul li .left-slide img{width: 100%;}
    .golf .wrapper-two.image-two ul li .right-slide{float: right;position: relative;width: 49%; margin-right: 0;}
    .golf .wrapper-two.image-two ul li .right-slide img{width: 100%;}
    .golf li .left-slide a strong{left: 0;}
    .golf .image-two .bx-prev{left: 9px;}
    .golf .image-two .bx-next{right: 9px;}

}	

@media screen and (max-width: 900px) {
    .golf .bx-viewport{width: 810px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 145px; width: 810px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf .wrapper-two.image-two ul li .left-slide{width: 49%; float: left;}
    .golf .wrapper-two.image-two ul li .left-slide img{width: 100%;}
    .golf .wrapper-two.image-two ul li .right-slide{float: right;position: relative;width: 49%; margin-right: 0;}
    .golf .wrapper-two.image-two ul li .right-slide img{width: 100%;}
    .golf li .left-slide a strong{left: 0;}
    .golf .image-two .bx-prev{left: 35px;}
    .golf .image-two .bx-next{right: 35px;}
}
@media screen and (max-width: 800px) {
    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 720px !important;}
    .golf li .right-slide{clear: both;margin-right: 0;margin-top: 10px;position: absolute; width: 100%;}
    .golf li .left-slide{margin-left: 0;height: 145px; position: relative;}
    .golf .left-slide a strong{left: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px;width: 720px !important}
    #page .container .block-second .golf .wrapper-two.image-two ul li a{float: none;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}	
    .golf li .left-slide a strong{ left: 133px;}
    .golf li .right-slide a strong{ left: 133px;}
    .golf .image-two .bx-prev{left: 22px;}
    .golf .image-two .bx-next{right: 22px;}
}
@media screen and (max-width: 768px) 
{
    header .nav-social .nav {width:100%; margin-right:0px;}
    header .nav-social {text-align:center;}
    header .nav-social .social {width: auto; display: inline-block; margin: 0 auto; float:none; margin:10px 0;}
    .container .registration {padding: 30px 0; text-align: center;}
    .container .registration p {width: 96%; float:none; margin:0px; display:inline-block;}	
    .container .registration a {float:none; display:inline-block; margin-top:15px;}
    .container section .right-block {padding: 0; width: 468px;}
    .container section .right-block .blog b {width: 100%; text-align:center; padding-left:0px;}
    .container section .right-block .blog .location .view-detail  {margin-top: 5px;}
    .container section .right-block .blog .location  { margin-top: 15px;}
    .container section .right-block .blog .location .view-detail {float:none; margin:0 auto;}
    .container section .right-block .blog .location ul  {margin-right:0px;}

    footer .logo-nav {width:100%;}
    footer .logo-nav .logo {margin-right:50px;}
    header .nav-social .nav ul li a {padding-top:17px;}
    .bg  {height: 168px;}
    
    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 90% !important;}
    .golf li .right-slide{clear: both; margin-top: 10px; margin-right: 0; float: none; position: absolute; width: 100%;}
    .golf li .left-slide{margin-left: 0;height: 145px; position: relative;}
    .golf li .left-slide a strong{left: 112px;}
    .golf li .right-slide a strong{left: 112px;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px; width: 678px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul li a{float: none;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf .wrapper-two.image-two ul li .left-slide { float: none; width: 100%;}
    .golf .wrapper-two.image-two ul li .right-slide{width: 100%;}
    .golf .image-two .bx-prev{left: 27px;}
    .golf .image-two .bx-next{right: 27px;}
}	


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

    .bg {height:141px;}
    .container section .left-block {width:100%;}
    .container section .left-block span {width:100%; padding:8px 0;}
    .container section .left-block p {width: 96%;}
    .container section .right-block {width:100%;}

    footer .logo-nav .logo  {width:100%; margin:0px;}
    footer .logo-nav .logo img {width:175px; height:102px; float:none;}
    footer .logo-nav .f-nav  {width:100%; margin-top:20px;}
    footer .logo-nav .f-nav ul {width: 90%; margin: 0 auto; display: inline-block; float:none;}

    .clearfix:before, .clearfix:after {content: " ";display: table;}
    .clearfix:after {clear: both;}
    .clearfix { *zoom: 1;margin: 0 auto;padding: 0;}
    a#pull {display: block;text-decoration: none;color: #fff;font-size: 30px;text-transform: uppercase;text-align: center;background: #CF5330;padding: 4px 0 5px 0;}
    .nav-social ul li a {font-size: 20px;padding: 10px 18px 10px;}
    .nav-social ul li {text-align: center;width: 100%;margin-bottom: 10px;float: left;width: 100%;}
    .nav-social ul li a {width: 100%;padding: 0px;}
    .nav-social ul li a:hover, .navigation ul li a.active {	padding: 0px;}
    .nav-social ul li.last {margin-bottom: 10px;}
    header .nav-social .nav ul li a {clear: both;display: block;float: none;padding-top: 14px;width: auto;padding:0px;}	
    header .nav-social .nav ul li {line-height:40px;}	
    header .nav-social .social {width:auto; display: inline-block;}
    header .nav-social .social ul li {display: inline-block; width: auto; float:left;}
    .nav-social ul li {margin-bottom:1px;}	
    header .nav-social .social ul {margin-top: 14px;}

    header .nav-social .social  {margin-bottom:10px;}	
    header .nav-social .nav ul li {line-height:20px;}
    header .nav-social .nav ul li a {padding: 10px 10px 10px;}
    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 570px !important;}
    .golf li .right-slide{clear: both;margin-right: 0;margin-top: 10px;position: absolute; width: 100%;}
    .golf li .left-slide{margin-left: 0;height: 145px; position: relative;}
    .golf .left-slide a strong{left: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px;width: 570px !important}
    #page .container .block-second .golf .wrapper-two.image-two ul li a{float: none;}
    .golf .wrapper-two.image-two ul li .left-slide { float: none; width: 100%;}
    .golf .wrapper-two.image-two ul li .right-slide{width: 100%;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}	
    .golf li .left-slide a strong{ left: 58px;}
    .golf li .right-slide a strong{ left: 58px;}
    .golf .image-two .bx-prev{left: 0px;}
    .golf .image-two .bx-next{right: 0px;}
}

@media screen and (max-width: 598px) 

{
    footer .logo-nav .f-nav ul {width:90%;}
    footer .logo-nav .f-nav ul li  {margin-right: 50px;}
    .bg {height:130px}
    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 441px !important;}
    .golf li .right-slide{clear: both;margin-right: 0;margin-top: 10px;position: absolute; width: 100% !important;}
    .golf li .left-slide{height: 145px; position: relative; float: right;width: 100% !important;}
    .golf .left-slide a strong{left: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px;width: 497px !important}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}	
    .golf li .left-slide a strong{ left: 1px;}
    .golf li .right-slide a strong{ left: 0px;}
    .golf .image-two .bx-prev{left: 49px;}
    .golf .image-two .bx-next{right: 49px;}
}

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

    footer .logo-nav .f-nav ul {width:94%;}
    .bg {background-size: 100% auto; height: 124px;}
     #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 490px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px; width: 490px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf li .left-slide a strong{ left: 18px;}
    .golf li .right-slide a strong{ left: 18px;}
    .golf .image-two .bx-prev{left: 26px;}
    .golf .image-two .bx-next{right: 26px;}
}

@media screen and (max-width: 560px) 
{
    footer .logo-nav .f-nav ul li {margin-right: 30px;}
    .bg {background-size: 100% auto; height: 116px;}
    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 490px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px; width: 490px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf li .left-slide a strong{ left: 18px;}
    .golf li .right-slide a strong{ left: 18px;}
    .golf .image-two .bx-prev{left: 22px;}
    .golf .image-two .bx-next{right: 22px;}
}

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

    .bx-wrapper .bx-controls.bx-has-pager .bx-pager-item a, .bx-wrapper .bx-controls.bx-has-pager .bx-pager-item a.active {
        border: medium none;font-size: 1px;height: 18px;text-decoration: none;width: 14px;background-size:contain;
    }
    .bx-wrapper .bx-controls.bx-has-pager { bottom: 5px;}
    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 400px !important;}
    .golf li .right-slide{clear: both; margin-top: 10px; margin-right: 0;}
    .golf li .left-slide{margin-left: 0;height: 145px; position: relative;}
    .golf .left-slide a strong{left: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px; width: 400px !important;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf li .left-slide a strong{ left: 0;}
    .golf li .right-slide a strong{ left: 0;}
    .golf .image-two .bx-prev{left: 28px;}
    .golf .image-two .bx-next{right: 28px;}
}

@media screen and (max-width: 360px) 
{
    .bg {height:78px;}	
    .container .registration p  { display: inline-block; width: 96%;}
    .container section .right-block .blog .location ul {width:100%;}
    .container section .right-block .blog .location ul li {margin-left: 10px; padding-left:35px;}
    footer .logo-nav .f-nav ul {width:90%;}

    footer .logo-nav .f-nav ul li {margin-right:0px !important; float:none; text-align: center; width: auto;}
    header .nav-social .social ul {margin-top:10px;}

    .login {text-align:center;}
    .login section {float:none; display:inline-block; width:61%; text-align:center;}
    .login ul {margin-right:0;}
    .login ul.shopping-cart {float:none; margin:0 auto; display:inline-block;}

    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 300px !important;}
    .golf li .right-slide{clear: both; margin-top: 10px; margin-right: 0;}
    .golf li .left-slide{margin-left: 0;height: 145px; position: relative;}
    .golf .left-slide a strong{left: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px;width: 300px !important; margin-bottom: 0; margin-right: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf li .left-slide a strong{ left: 0;}
    .golf li .right-slide a strong{ left: 0;}
    .golf .image-two .bx-prev{left: 19px;}
    .golf .image-two .bx-next{right: 19px;}
}

@media screen and (max-width: 320px){
    #page .container .block-second .golf .wrapper-two.image-two .bx-viewport{ height: 300px !important; width: 260px !important;}
    .golf li .right-slide{clear: both; margin-top: 10px; margin-right: 0;}
    .golf li .left-slide{margin-left: 0;height: 145px; position: relative;}
    .golf .left-slide a strong{left: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul li{height: 300px; width: 266px !important; margin-bottom: 0; margin-right: 0;}
    #page .container .block-second .golf .wrapper-two.image-two ul{width: 2500% !important;}
    .golf li .left-slide a strong{ left: 0;}
    .golf li .right-slide a strong{ left: 0;}
    .golf .image-two .bx-prev{left: 17px;}
    .golf .image-two .bx-next{right: 17px;}
}