/******************************************** RESPONSIVE STYLES*****************************************/
/*------------------------------------------------------------------------------------------------------*
/*******************************************  Author: Dynasty3 *****************************************/
/**********************************  URL: http://www.dynasty3.co.uk ************************************/
/*-----------------------------------------------------------------------------------------------------*/

/* ---------- MAX 1500PX ---------- */
@media only screen and (max-width:1500px) {
	
}

/* ---------- MAX 1280PX ---------- */
@media only screen and (max-width:1280px) {

}

/* ---------- MAX 1199PX ---------- */
@media only screen and (max-width:1199px) {
.container2{
	width:1120px
}
.container {
    padding-right: 15px;
    padding-left: 15px;
	width:100%
}
.container2 {
    width: 1027px;
}
}


/* ---------- MAX 1112PX ---------- */
@media screen and (max-width:1112px) {
.add-1 {
    margin: 0px 0px 10px 24%;
}
#cssmenu > ul > li > a {
    font-size: 15px;
    padding: 17px 11px;

}
}
	
/* ---------- MAX 1080PX ---------- */
@media screen and (max-width:1080px) {
.container2{
	width:100%
}
}

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

}


/* ---------- MAX 1024PX ---------- */
@media screen and (max-width:1024px) {

.col-md-9.col-sm-9.bs {
    width: 100%;
    height: auto;
}
.col-md-4.col-sm-4.im {

    width: 27%;

}
.col-md-4.col-sm-4.im {
    width: 26%;
}
.nbs-flexisel-nav-left {
    right: 12%;

}
.nbs-flexisel-nav-right {
    right: 8%;
}
.page_no {
    padding: 0px 5% 20px 0px;
}

.img-right {
    margin-left: 15px;
}
.softic-title h2 {
    font-size: 21px !important;
}

}
@media only screen and (max-width:1023px){
.col-md-4.col-sm-4.im {

    width: 26%;

}
}
/* ---------- MAX 991PX ---------- */
@media only screen and (min-width:801px) and (max-width:1000px){
#cssmenu > ul > li > a {
    font-size: 14px;
    padding: 17px 13px;
}

}
@media only screen and (min-width:890px) and (max-width:990px){

.add-1 {
    margin: 0px 0px 10px 6%;
}
li.nbs-flexisel-item {
    margin-left: 14px;
    margin-right: 5px;
    width: 229px !important;
}
}
@media only screen and (max-width:950px){
#cssmenu > ul > li > a {
    font-size: 13px;
    padding: 17px 8px;
}
.col-md-3.col-sm-3.im {
    width: 19%;
}
}
@media only screen and (max-width:880px){
#cssmenu > ul > li > a {
    font-size: 11px;
    padding: 17px 8px;
}
.add-1 {
    margin: 0px 0px 10px 12%;
}
.add-1 img{
	width:100%
}
.col-md-3.col-sm-3.im {
    width: 20%;
}
}
/* ---------- MAX 800PX ---------- */
@media only screen and (min-width:769px) and (max-width:800px){

#cssmenu > ul > li > a {
    font-size: 11px;
    padding: 17px 8px;
}
.softic-title {
    float: left;
    width: 80%;
}
.nbs-flexisel-nav-right {
    right: 7%;
}

}




/* ---------- MAX 768PX ---------- */
@media only screen and (max-width:768px){


}



/* ---------- MAX 767PX ---------- */
@media only screen and (min-width:641px) and (max-width:766px){

}



@media only screen and (min-width:300px) and (max-width:767px) {
.top-area {
    width: 70%;
    margin: 0px 0px 0px 34%;
    float: left;
}
.top-menu {
    float: left;
}
.top-menu ul li a {
    padding: 0px 6px;

}
.menu-area {

    margin: 10px 0px 10px 0px;
}
.add-1 {
    margin: 0px 0px 10px 10%;
}
.add-1 img{
	width:100%
}
.col-md-9.col-sm-9.bs {
    width: 100%;
    height: auto;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
}
section#banner-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    width: 36%;
	 bottom: 5px;
}
#cssmenu > ul > li{
	background-image:none !important

}
.col-md-3.col-sm-3.img-r {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	padding-top:15px
}
.img-btm img{
	width:100%
}
/*.col-md-4.col-sm-4.im {
    width: 100%;
}*/
/*.col-md-3.col-sm-3.im{
    width: 100%;
}*/
.col-md-3.col-sm-3.im {
    width: 90%;
    margin-bottom: 8px !important;
    float: left;
    margin-left: 5%;
}
.sin-desc {
    margin-bottom: 15px;
}
.logo-area {
    width: 100%;
    text-align: center;
}
.top-menu {
    text-align: center;
}
.sin-img img {
    width: 100%;
}
.copy {
    padding: 20px 0px;
}

.nbs-flexisel-nav-right {
    right: 6%;
}
.sft-desc p {
    font-size: 15px;
}
#softic-games-section .sft-desc {
    margin: 27px 0px;
}

}

/* ---------- MAX 640PX ---------- */
@media screen and (min-width:610px) and (max-width:737px){
/*.col-md-4.col-sm-4.im {
    width: 100%;
}*/
.col-md-3.col-sm-3.im{
    width: 100%;
}
.single-slider {
    width: 67%;
 
}
.left-side {
    width: 240px;

}
}
@media screen and (min-width:651px) and (max-width:700px){

}
/* ---------- MAX 640PX ---------- */
@media screen and (min-width:481px) and (max-width:640px){

}

/* ---------- MAX 537PX ---------- */
@media screen and (max-width:610px){
 .top-area {

    margin: 0px 20px 0px 151px;

}

}


/* ---------- MAX 537PX ---------- */
@media screen and (max-width:610px){

}


/* ---------- MAX 537PX ---------- */
@media screen and (max-width:537px){
.top-area {
    margin: 0px 0px 0px 25%;
}

}
/* ---------- MAX 537PX ---------- */
@media screen and (min-width:481px) and (max-width:500px){

}
@media screen and (min-width:300px) and (max-width:480px){
.nbs-flexisel-inner {
    margin-top: 36px;
}
.nbs-flexisel-nav-right {
    right: 41%;
    top: -10px;
}
.nbs-flexisel-nav-left {
    right: 50%;
    top: -10px;
}
}
/* ---------- MAX 414PX ---------- */
@media screen and (max-width:414px) {
 .top-area {

    margin: 0px 0px 0px 70px;

}
.logo-area {

    padding: 20px 0px 10px 0px;
}
.top-area {
    margin: 0px 0px 0px 59px;
    width: 91%;
}
/*.sin-desc {
    float: left;
    width: 84%;
    margin-left: 68px;
}*/
.nbs-flexisel-nav-right {
    right: 36%;
  
}

}
/* ---------- MAX 380PX ---------- */
@media screen and (min-width:361px) and (max-width:380px) {
 .top-area {

    margin: 0px 0px 0px 50px;

}
.sin-desc {
    float: left;
    width: 84%;
    margin-left: -13px;
}
}
/* ---------- MAX 360PX ---------- */
@media screen and (min-width:321px) and (max-width:360px) {
.top-area {

    margin: 0px 0px 0px 45px;

}

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

.top-area {
    margin: 0px 0px 0px 15px;
    width: 100%;
}
li.nbs-flexisel-item {
    margin-left: 27px;
}
.title-header h2 {

    margin-left: 0px;
}
}
@media only screen and (min-width:851px) and (max-width:1024px){
li.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}
.sin-desc {
    float: left;
    width: 80%;
    margin-left: 7%;
}


}


@media only screen and (min-width:641px) and (max-width:850px){
li.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}
.sin-desc {
    float: left;
    width: 80%;
    margin-left: 11%;
}


}


@media only screen and (min-width:481px) and (max-width:640px){
li.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}
.sin-desc {
    float: left;
    width: 80%;
    margin-left: 11%;
}


}

@media only screen and (max-width:480px){
li.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}
.sin-desc {
    float: left;
    width: 80%;
    margin-left: 11%;
}


}
@media only screen and (min-width:300px) and (max-width:900px){
.cse-branding-form input[type='text'] {
    width: 100%;
}
#searchleft {
     margin-left: 0px; 
}
.cse-branding-form input[type='submit'] {
    margin-top: 10px;
}
.cse-branding-right .cse-branding-logo {
    float: right;
    position: relative;
    top: -40px;
    right: 5px;
}
section.softic-search {
    padding: 10px 0px 0px 0px;
}
section#softic-games-section h2 {
    font-size: 15px;
    line-height: 18px;
}
.cse-branding-right .cse-branding-form {
    width: 100%;
}
}